SSG란?
빌드 시점에 모든 페이지의 HTML을 미리 생성해 정적 파일로 배포하는 방식이다. CDN 캐싱이 극대화된다.
장점
- 가장 빠른 응답 속도 (TTFB 수 ms)
- 서버 비용 최저
- CDN 글로벌 배포 이상적
단점
- 콘텐츠 변경 시 재빌드 필요 (ISR로 완화)
- 개인화 화면엔 부적합
SSG란?Static Site Generation
정의
빌드 타임에 HTML을 미리 생성하는 방식. CDN에서 즉시 서빙되어 가장 빠르다.
다른 표현정적 사이트 생성
📘 관련 기술노트
전체 보기 →🔗 함께 보면 좋은 용어
Frontend 전체 →이미지 최적화
Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.
쿠키 속성
HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.
a11y
Accessibility
웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.
Analog (Angular)
Angular용 메타프레임워크. Vite·파일 라우팅·SSR.
Angular
Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.
Angular Signals
Angular 17+의 반응성 API. Zone.js 의존 탈피.