색인
Indexing
검색엔진이 수집한 웹페이지를 분석하여 검색 후보 데이터베이스에 체계적으로 저장하는 과정
빌드 타임에 모든 페이지의 HTML CSS JS를 미리 렌더링해 정적 파일로 생성하는 방식입니다. 정의와 상세 설명을 통해 기술적 원리를 이해하고, 비즈니스에 미치는 영향과 실무 적용 방법, 구현 시 고려할 주의사항을 관련 용어와 함께 확인하세요.
Static Site Generation
SSG는 npm run build 같은 명령 한 번으로 모든 페이지의 최종 HTML을 미리 만들어 두는 방식이라, 사용자가 접속했을 때는 서버가 아무 연산도 하지 않고 파일만 그대로 내려준다. 이 때문에 TTFB(첫 바이트 응답 시간)가 수십 밀리초 수준으로 매우 짧고, 크롤러 입장에서도 자바스크립트 실행 없이 완성된 본문을 바로 읽을 수 있어 색인이 안정적이다. 다만 페이지 수가 수만~수십만 개에 이르면 전체 재빌드에 수십 분이 걸릴 수 있어, 이 경우 페이지 단위로 갱신하는 ISR이나 온디맨드 빌드 전략을 병행하는 것이 실무 표준이다.
CDN에서 캐싱된 정적 HTML을 서빙하여 TTFB 극소화 및 검색엔진 수집 보장
페이지 수가 수만 개 이상인 대규모 사이트는 증분 빌드(ISR) 연계 권장
Indexing
검색엔진이 수집한 웹페이지를 분석하여 검색 후보 데이터베이스에 체계적으로 저장하는 과정
Headless Content Management System
콘텐츠 관리 백엔드와 프론트엔드 UI를 분리하고 API를 통해 콘텐츠를 서빙하는 아키텍처
Decoupled Architecture
백엔드와 프론트엔드가 독립된 레이어로 분리되어 API로만 통신하는 소프트웨어 구조
JavaScript APIs and Markup
클라이언트 JS와 재사용 API 및 사전 빌드된 마크업으로 웹을 구성하는 아키텍처
Server-Side Rendering
요청이 들어올 때마다 서버에서 동적으로 HTML을 실시간 생성하여 브라우저에 전달하는 방식
Incremental Static Regeneration
전체 사이트를 다시 빌드하지 않고 백그라운드에서 특정 정적 페이지만 주기적으로 재생성하는 기법