정적 사이트 생성 (Static Site Generation, SSG)
정적 사이트 생성(SSG)은 웹 사이트의 페이지들을 사용자가 요청할 때(Runtime)마다 서버에서 동적으로 만드는 것이 아니라, 배포 시점(Build Time)에 미리 모든 HTML 파일로 만들어두는 방식입니다.
1. 작동 원리
- 빌드(Build): 개발자가 마크다운 파일, 데이터 소스, 템플릿 코드(React/Vue 등)를 작성합니다.
- 생성: SSG 도구(Next.js, Gatsby, Jekyll 등)가 이 데이터와 템플릿을 결합하여 모든 페이지에 대한 순수 HTML, CSS, JavaScript 파일을 생성합니다.
- 배포: 생성된 정적 파일들을 CDN(Content Delivery Network)에 올려 전 세계 사용자에게 제공합니다.
2. SSG의 장점
| 장점 | 설명 |
|---|---|
| 속도 (Speed) | 서버에서 처리할 과정 없이 미리 만들어진 HTML을 바로 전송하므로 매우 빠릅니다. |
| 보안 (Security) | 데이터베이스나 서버 측 로직이 노출되지 않아 해킹 위험이 현저히 낮습니다. |
| 비용 효율 | 서버의 부하가 거의 없고, CDN 사용 비용이 저렴합니다. |
| SEO | HTML 파일이 미리 완성되어 있어, 검색 엔진 크롤러가 내용을 쉽게 읽고 인덱싱할 수 있습니다. |
3. 사용 예시
- 블로그, 뉴스 사이트, 문서화 페이지 (내용이 자주 바뀌지 않는 경우)
- 회사 소개 페이지, 마케팅 랜딩 페이지
- 일반적인 이커머스 상품 페이지 (일부 프레임워크 사용 시)