프론트엔드
어려움
코딩
SSR vs CSR vs SSG
렌더링 전략 비교 및 구현
40분
85점
#3762
문제 설명
웹 애플리케이션의 세 가지 렌더링 전략을 이해하고 적절한 상황에 적용하세요.
렌더링 전략
| 전략 | 장점 | 단점 | 적합한 상황 |
|---|---|---|---|
| CSR | 빠른 페이지 전환, 풍부한 인터랙션 | 초기 로딩 느림, SEO 어려움 | 대시보드, 관리자 페이지 |
| SSR | SEO 좋음, 초기 로딩 빠름 | 서버 부하, TTFB 느림 | 콘텐츠 사이트, 소셜 미디어 |
| SSG | 매우 빠름, CDN 캐싱 | 빌드 시간, 동적 콘텐츠 제한 | 블로그, 문서 사이트 |
구현 과제
- Next.js로 각 전략 구현
- 하이브리드 렌더링 (ISR)
- 성능 비교 분석
실행 버튼을 눌러 코드를 실행하세요.