웹 사이트는 프론트와 백엔드로 나뉜다. 프론트엔드: 클라이언트(=사용자) 백엔드: 서버 프론트엔드 html: 뼈대 css: 살 javascript: 인터렉티브 (동적으로 움직이는 것) 백엔드 js: 자바스크립트로도 백엔드를 구축할 수 있다. java go php python kotilin 등등 프레임워크 : 웹 개발을 보다 쉽고 간편하게 할 수 있는 도구. 백엔드 웹 프레임워크 정적 사이트 제작 가능 각 언어마다 프레임워크가 다름 js: express php: laravel java: spring python: django, flask 정적 사이트 vs SPA(single page application) 정적 사이트: 몽땅 가져옴 -> 불필요한 데이터도 계속 새로 가져옴 SPA: 필요한 부분만 가져옴 S..

그동안 프레임 워크를 쓰지않고 순수 자바스크립트를 사용해봤기에 리액트나 뷰가 어렵게 느껴졌다. 이러한 빌드과정이 필요없었기 때문이다.기존에는 전통적인 웹 개발 방식을 유지했었기 때문에 복잡한 빌드 과정이 필요하지 않았다. 이러한 경우, 자바스크립트 코드는 HTML 문서에 직접 포함되거나, 태그를 통해 외부 파일로 참조되어, 브라우저가 이를 해석하여 실행하기 때문에 코드를 서버에 저장하면 바로 적용되었었다. 이전에 `PHP`, `JavaScript`, `jQuery`를 사용하여 개발할 때는, 서버 사이드 렌더링(Server-Side Rendering, SSR) 방식을 주로 사용했다. 이 방식에서는 서버에서 페이지의 전체 `HTML`을 생성하고, 그 결과를 클라이언트(브라우저)에 전송한다. `JavaScr..