여씨의 개발이야기

웹 랜더링에 대한 방식은 정말로 다양하다. 프론트엔드 개발을 하다보면 이에 대한 약어들을 많이 들을 수 있는데, 이번 포스팅에는 이러한 웹 랜더링의 트랜드를 잡고 있는 랜더링 기술에 대해 알아보겠다.CSR(Client Side Rendering)서버에서 HTML을 받아와서 JS주소를 서버로 요청해 동적으로 사용자에게 최종적인 어플리케이션을 보여준다. 대표적으로 SPA가 있다. 위 그림은 CSR의 순서를 나타낸다.1. User는 Website에 요청을 보낸다.2. Edge Caching은 HTML파일과 JS에 접근할 수 있는 링크를 빠르게 보낸다.3. 브라우저는 HTML, JS를 다운로드받는다. (이 때, User는 SSR처럼 페이지 조회를 할 수 없다.)4. 브라우저는 JS를 다운받는다.5. 다 다운로드..