TIL
TIL 2: Rendering (CSR, SSR)
CSR (Client Side Rendering) 클라이언트(브라우저)에서 웹 페이지를 렌더링 하는 것 모든 로직, 데이터 가져오기, 템플릿, 라우팅은 서버가 아닌 모두 클라이언트에서 처리된다. 주로 SPA(Single Page Application)에서 사용한다. 자바스크립트 번들의 크기의 영향을 많이 받기 때문에 적극적인 코드 분할(code splitting)을 고려해야 한다. 동작 방식 사용자가 홈페이지를 방문하면 index.html을 다운받는다. 이 HTML 파일은 script, meta, link 등의 태그를 포함하며, 빈 콘텐츠 파일이라고 보면 된다. 브라우저는 index.html 안의 bundle.js를 다운받는다. js 파일을 읽으며 렌더링 한다. 사용자가 페이지를 이동할 경우, 이미 받은..