SSR (Server-Side Rendering)

서버에서 HTML을 렌더링해 초기 응답을 만드는 방식

분야: 프론트엔드 시리즈: 렌더링 전략 frontendrenderingseo

SSR은 서버가 요청 시점에 HTML을 생성해 내려주고, 이후 브라우저에서 JS가 동작을 이어받는 방식입니다.

실무 포인트

  • SEO/초기 표시 속도(체감)에서 유리한 경우가 많습니다.
  • UI를 “살아있게” 만들기 위해 보통 Hydration이 필요합니다.

관련 문서

Code Splitting
코드를 여러 청크로 분리해 필요한 시점에만 로드하는 최적화
CSR (Client-Side Rendering)
브라우저에서 JavaScript로 화면을 렌더링하는 방식
Hydration
SSR/SSG로 내려온 HTML에 JS 이벤트를 연결해 인터랙션을 활성화하는 과정
SSG (Static Site Generation)
빌드 시점에 HTML을 생성해 정적으로 배포하는 방식
Tree Shaking
사용하지 않는 코드를 번들에서 제거해 용량을 줄이는 최적화