[웹개발 전반 개념 간단 정리] 프론트엔드/ 백엔드/프레임워크

📌Frontend & Backend

👉프론트엔드[클라이언트] - 사용언어: html, css, js

👉백엔드 [서버/DB/ API/데이터 통신] -사용언어:  js, java, go, php, python, kotlin, swift 등등

 

 

📌프레임워크 = 미리 환경을 준비해주는 밀키트같은 녀석

프레임워크의 장점

👉구조화 (유지보수 용이)

👉시간단축 (인건비 감소)

 

📌프론트/ 백엔드 각각 다양한 프레임워크가 존재

1) 백엔드 웹 프레임워크 : 정적 사이트 제작 가능

👉각 언어별로 프레임워크가 다름

백엔드 언어	사용가능한 프레임워크
js	express
php	laravel
java	spring
python	django, flask

 

📌정적 사이트 vs SPA

👉정적 사이트 

페이지 전환마다 html, css, js가 몽땅 reload 되는 형태. 다시 불러오지 않아도 되는 정보들까지 계속 새로 불러와야한다는 단점이 있다. 

 

👉SPA : single page application 

정적 사이트의 단점을 보완하기 위해 등장한 SPA. ajax라는 기술을 이용해서 구현됨. 

웹페이지가 새로고침 되는 것이 아니라 그 안에서 전체에서 일부분(필요한 부분만) 가져오는 형태가 SPA. 

JS에서 SPA 구현이 가능한데, 처음부터 만들려면 코드가 너무 복잡하기 때문에 , SPA를 위한 프론트앤드 프레임워크가 있음. 

언어는 JS이고, Angular, React, Vue라는 프레임워크다.

차례로 앵귤러, 리액트, 뷰