그알것 — 그럼에도 알아야 할 것들
홈질문커뮤니티
로그인
그알것 — 그럼에도 알아야 할 것들

Service

  • 홈
  • 소개
  • 질문
  • 커뮤니티

My

  • 내 워크스페이스
  • 저장한 질문
  • 작성한 답변

Policy

  • 이용약관
  • 개인정보처리방침
  • 문의

© 2026 그알것 · What Still Matters

질문 목록Rendering
Rendering

SSR(Server Side Rendering)에 대해 설명해주세요

실무4/5
설계4/5
인간4/5
기초2/5

면접관의 질문 의도

SSR을 "빠르다/SEO 좋다" 정도로 외운 사람인지, 비용·TTI·페이지별 전략까지 보고 _혼합 모델_로 설명하는 사람인지를 가른다.

큐레이션 답변

학습 자료

SSR은 요청 시 서버가 HTML을 생성해 첫 화면 가시성과 SEO 친화성을 높이는 렌더링 방식이다. 단 서버 응답 시간과 인프라 비용이 그대로 첫 바이트(TTFB)에 반영되고, 하이드레이션 전후 마크업이 어긋나면 "한 번 깜빡이며 다시 그려지는" 문제가 생긴다. 그래서 현대 프레임워크에서는 SSR·SSG·CSR을 페이지 특성별로 혼합해 쓰며, _콘텐츠 성격(정적/동적)_과 _상호작용 밀도_를 기준으로 전략을 가른다. 핵심은 초기 가시성, 서버 비용, TTI(상호작용 준비 시간)를 함께 최적화하는 것이다.

좋은 답변 구조

  1. 01SSR·SSG·CSR이라는 대안 축과 판단 기준(초기 가시성·SEO·서버 비용·상호작용 밀도)을 정리한다
  2. 02SSR의 이점(첫 화면·SEO)과 한계(TTFB·하이드레이션 비용·서버 비용)를 균형 있게 설명한다
  3. 03콘텐츠 갱신 주기·상호작용 밀도에 따라 결론이 바뀌는 조건을 짚는다
  4. 04페이지별 SSR/SSG/CSR 혼합 같은 실무 결론으로 마무리한다

자주 실수하는 포인트

"SSR이 무조건 빠르다"고 단정한다
하이드레이션 비용과 TTI 지연을 빠뜨린다
정적 콘텐츠 페이지까지 SSR로 처리해 서버 비용을 키운다
SSR과 CSR을 양자택일 문제로만 본다

실무 맥락

  • 검색 노출이 중요한 콘텐츠/마케팅 페이지의 첫 화면 전략 결정
  • 사용자 인증 기반 대시보드의 SSR vs CSR 트레이드오프 검토
  • Next.js/Nuxt 프로젝트에서 페이지별 렌더링 모드를 골라 쓰는 설계

본인 경험에 녹이는 힌트

랜딩 페이지를 SSR로, 인증 대시보드를 CSR로 갈라본 경험이 있다면 페이지별 전략 이야기를 그대로 답변 후크로 쓸 수 있다

하이드레이션 깜빡임을 겪고 마크업 불일치를 잡아본 적이 있다면 SSR 비용 측면을 설명할 수 있다

정적 페이지를 SSG로 옮겨 서버 비용/TTFB를 줄여본 경험이 있다면 혼합 모델 이야기로 자연스럽게 이어진다

커뮤니티 인기 답변

전체 0개

아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.

관련 꼬리 질문

Q1SSR에서 TTV와 TTI 간격이 커지면 어떤 문제가 생기나요
Q2어떤 페이지를 SSR로 두고 어떤 페이지를 CSR로 두나요
Q3하이드레이션 비용을 줄이려면 어떤 접근이 필요하나요
아직 답을 쓰지 않았어요.
큐레이션 답변과 다른 사람 답변을 보고, 자기 언어로 답을 정리해보면 학습 효과가 가장 큽니다.
목차
  • 01면접관의 질문 의도
  • 02큐레이션 답변
  • 03좋은 답변 구조
  • 04자주 실수하는 포인트
  • 05실무 맥락
  • 06본인 경험에 녹이는 힌트
  • 07커뮤니티 인기 답변준비중
  • 08관련 꼬리 질문