Skip to content

[3팀 주민수] Chapter 4-1 성능최적화: SSR, SSG, Infra #40

Open
Thomas97-J wants to merge 2 commits intohanghae-plus:mainfrom
Thomas97-J:main
Open

[3팀 주민수] Chapter 4-1 성능최적화: SSR, SSG, Infra #40
Thomas97-J wants to merge 2 commits intohanghae-plus:mainfrom
Thomas97-J:main

Conversation

@Thomas97-J
Copy link

@Thomas97-J Thomas97-J commented Dec 18, 2025

과제 체크포인트

배포 링크

기본과제 (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)

자유롭게 회고하기

회사 일정과 개인 사정으로 과제를 의미있는 깊이로 진행하지 못하였습니다.
항해 이후에 꼭 다시 진행하겠습니다.

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