• 웹 앱의 필수 구성요소 : HTML CSS JavaScript

• 실행 관점의 구성요소 :

  브라우저(웹앱을 실행시키는 역할, 즉 런타임 환경을 제공하는 환경)

  (브라우저 = 웹앱에게 런타임 환경을 제공하는 것)

• CSR & SSR

  💡 HTML을 어디에서 만드는가가 중요

  HTML을 언제 만드는가 하면 브라우저가 HTML을 로딩할 때는 웹 서버라고 하는 소프트웨어가 HTML 파일을 브라우저한테 전송해 주고, 전송하기 전에는 웹 서버 안에 HTML 파일이 존재하겠죠 그러고 나서 브라우저 안에 HTML이 전송된 후에 HTML을 해석해서 브라우저가 화면애 UI를 그리고 난 후 JavaScript 가 실행 → SSR(서버 사이드 렌더링)

  JavaScript로 UI을 그리는 과정 즉, JavaScript로 HTML의 구성하는 방법

  → CSR(클라이언트 사이드 렌더링)

트랜스 파일러, 트랜스 파일링 → 언어를 다른 언어로 변환 / 언어을 낮은 버전의 언어로 변환하는 기능 (ex TypeScript 를 JavaScript로 변환, Java를 JavaScript로 변환)

번들러 → .js .sass .jpg .png 등 여러 모듈이 존재하는 파일, 같은 확장자를 가지는 파일들을 한 파일로 모아주는 기능