렌더링 전략

CSR/SSR/SSG/ISR과 hydration 등 프론트엔드 렌더링의 큰 그림

가이드

CSR/SSR/SSG 선택 가이드
서비스 성격에 따라 렌더링 전략을 결정하는 실무 기준

용어

01 CSR (Client-Side Rendering)
브라우저에서 JavaScript로 화면을 렌더링하는 방식
02 Hydration
SSR/SSG로 내려온 HTML에 JS 이벤트를 연결해 인터랙션을 활성화하는 과정
03 SSG (Static Site Generation)
빌드 시점에 HTML을 생성해 정적으로 배포하는 방식
04 SSR (Server-Side Rendering)
서버에서 HTML을 렌더링해 초기 응답을 만드는 방식