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

Service

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

My

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

Policy

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

© 2026 그알것 · What Still Matters

질문 목록Rendering
Rendering

서버 사이드 렌더링과 클라이언트 사이드 렌더링의 차이가 뭔가요?

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

면접관의 질문 의도

SSR/CSR을 "서버에서 그리느냐 클라이언트에서 그리느냐" 정도로만 외워 왔는지, 아니면 페이지 단위로 트레이드오프를 풀어 선택 기준을 말할 수 있는지를 가른다.

큐레이션 답변

학습 자료

SSR은 서버가 데이터까지 반영한 HTML을 만들어 응답하기 때문에 첫 화면이 빠르게 보이고 검색 엔진이 콘텐츠를 그대로 읽을 수 있다. CSR은 처음엔 빈 뼈대 HTML과 JS 번들만 받고 클라이언트가 데이터를 받아 DOM을 그리는 방식이라 라우팅 후 인터랙션은 매끄럽지만 초기 표시와 색인성에서 손해를 본다. 둘은 양자택일이 아니라 페이지마다 갈리는 결정이다. 콘텐츠 중심 페이지(상세, 랜딩)는 SSR, 인터랙션 중심 화면(대시보드, 어드민)은 CSR, 그 중간은 정적 생성·스트리밍·부분 하이드레이션 같은 변형으로 메꾼다.

좋은 답변 구조

  1. 01두 방식이 결국 "누가 첫 HTML을 만드는가"의 차이라는 공통 골격부터 짚는다
  2. 02초기 로딩·SEO·인터랙션·서버 비용 같은 핵심 축으로 동작 차이를 정리한다
  3. 03콘텐츠 중심/인터랙션 중심 페이지에서 어느 쪽이 유리한지 사례로 든다
  4. 04SSG·스트리밍·부분 하이드레이션 같은 중간 형태를 포함한 페이지별 선택 기준으로 마무리한다

자주 실수하는 포인트

SSR이 무조건 빠르다거나, CSR이 무조건 사용자 경험이 좋다고 단정한다
SEO를 "SSR이면 자동 해결"로 단순화하고 메타 태그·렌더 가능 콘텐츠 이야기를 빠뜨린다
Next.js를 쓰는 것을 "SSR을 쓰는 것"과 동의어로 설명한다
두 방식을 양자택일로 다루고 페이지별로 다르게 가져갈 수 있다는 점을 놓친다

실무 맥락

  • 검색 유입이 중요한 커머스 상세·블로그 페이지를 SSR로 두는 결정
  • 로그인 후에만 보이는 대시보드를 SPA(CSR)로 가져가 서버 부담을 줄이는 어드민
  • 초기 화면은 SSR·뒤이은 위젯은 CSR로 두는 하이브리드 전략이 필요한 마케팅 사이트
  • 트래픽 급증 시 SSR 서버 비용이 예상치를 초과해 정적 생성(SSG)으로 전환 결정을 검토하는 운영 상황

본인 경험에 녹이는 힌트

CSR로 만든 페이지를 SSR로 옮기며 SEO 색인 증가를 추적해 본 경험이 있다면 "렌더링 전략이 곧 유입 채널이다"는 관점으로 풀어낼 수 있다

SSR 도입 후 서버 비용·콜드 스타트가 늘어난 경험이 있다면 트레이드오프 이야기로 이어갈 수 있다

페이지마다 SSR/CSR/SSG를 다르게 가져가 본 경험이 있다면 "전략이 아니라 페이지 단위 결정"으로 일반화할 수 있다

커뮤니티 인기 답변

전체 0개

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

관련 꼬리 질문

Q1초기 로딩과 이후 내비게이션 속도는 두 방식에서 어떻게 다르게 체감되나요
Q2SEO가 중요한 페이지와 그렇지 않은 페이지를 어떻게 나누나요
Q3SSR과 CSR을 한 앱에서 섞을 때 주의할 점은 무엇인가요
Q4하이드레이션 비용이 CSR·SSR 선택에 어떤 영향을 미치나요
아직 답을 쓰지 않았어요.
큐레이션 답변과 다른 사람 답변을 보고, 자기 언어로 답을 정리해보면 학습 효과가 가장 큽니다.
목차
  • 01면접관의 질문 의도
  • 02큐레이션 답변
  • 03좋은 답변 구조
  • 04자주 실수하는 포인트
  • 05실무 맥락
  • 06본인 경험에 녹이는 힌트
  • 07커뮤니티 인기 답변준비중
  • 08관련 꼬리 질문