Skip to content

[6팀 김현우] Chapter 4-1 성능최적화: SSR, SSG, Infra#26

Open
lecto17 wants to merge 1 commit intohanghae-plus:mainfrom
lecto17:main
Open

[6팀 김현우] Chapter 4-1 성능최적화: SSR, SSG, Infra#26
lecto17 wants to merge 1 commit intohanghae-plus:mainfrom
lecto17:main

Conversation

@lecto17
Copy link

@lecto17 lecto17 commented Dec 16, 2025

과제 체크포인트

배포 링크

이번주는 과제 대신 다른 작업들에 집중하여서, 발제 아티클만 다시 읽어보았습니다. 추후에 복습하면서 SSR, SSG가 어떻게 작동되는 것인지 학습하도록 하겠습니다.

기본과제 (Vanilla SSR & SSG)

Express SSR 서버

  • Express 미들웨어 기반 서버 구현
  • 개발/프로덕션 환경 분기 처리
  • HTML 템플릿 치환 (<!--app-html-->, <!--app-head-->)

서버 사이드 렌더링

  • 서버에서 동작하는 Router 구현
  • 서버 데이터 프리페칭 (상품 목록, 상품 상세)
  • 서버 상태관리 초기화

클라이언트 Hydration

  • window.__INITIAL_DATA__ 스크립트 주입
  • 클라이언트 상태 복원
  • 서버-클라이언트 데이터 일치

Static Site Generation

  • 동적 라우트 SSG (상품 상세 페이지들)
  • 빌드 타임 페이지 생성
  • 파일 시스템 기반 배포

심화과제 (React SSR & SSG)

React SSR

  • renderToString 서버 렌더링
  • TypeScript SSR 모듈 빌드
  • Universal React Router (서버/클라이언트 분기)
  • React 상태관리 서버 초기화

React Hydration

  • Hydration 불일치 방지
  • 클라이언트 상태 복원

Static Site Generation

  • 동적 라우트 SSG (상품 상세 페이지들)
  • 빌드 타임 페이지 생성
  • 파일 시스템 기반 배포

아하! 모먼트 (A-ha! Moment)

자유롭게 회고하기

리뷰 받고 싶은 내용

@lecto17 lecto17 changed the title 과제 시작 [6팀 김현우] Chapter 4-1 성능최적화: SSR, SSG, Infra Dec 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant