웹 개발 환경

프론트엔드 (클라이언트)

html 뼈대 / CSS 살, 치장 / javascript 동적으로 움직이게 하거나 로직이 돌아갈 수 있도록

백엔드 (서버)

: 데이터 처리 및 가공

javascript / java / php / python 

 

프레임워크

: 개발을 보다 쉽고 간편하게 할 수 있도록 이미 만들어진 패키지. 

프레임워크를 사용해야하는 이유

- 구조화 (유지보수)

- 시간 단축 (인건비)

백엔드 웹 프레임워크 

(정적 사이트 제작 가능)

- js : express

- php : laravel

- java : spring

- python : django, flask

 

정적 사이트 vs SPA

정적 사이트 : 한 페이지 전체 한꺼번에 로드. 

이를 보완하기 위해 나온

SPA : single page application 필요한 부분만 가져옴

(웹페이지가 새로고침되지 않고 내용만 계속 바뀌도록)

 

SPA를 위한 프론트앤드 프레임워크

javascript - Angular / React / Vue.js