Files
2nd/10_Wiki/Topics/AI/Incremental-Static-Regeneration-ISR.md
T

2.4 KiB

id, category, confidence_score, tags, last_reinforced
id category confidence_score tags last_reinforced
FE-REND-ISR-001 10_Wiki/💡 Topics/AI 1.0
nextjs
isr
rendering
web-architecture
ssg
performance
scalability
seo
2026-04-26

Incremental Static Regeneration: ISR (점진적 정적 재생성)

📌 한 줄 통찰 (The Karpathy Summary)

"전체 사이트를 다시 빌드하지 않고도 정적 페이지를 백그라운드에서 실시간으로 업데이트하여, 정적 사이트의 성능(SSG)과 동적 데이터의 최신성(SSR)을 완벽하게 결합하라" — 대규모 콘텐츠 사이트의 확장성과 속도를 해결하는 차세대 렌더링 전략.

📖 구조화된 지식 (Synthesized Content)

  • 추출된 패턴: "Stale-While-Revalidate at Scale" — 사용자에게는 일단 캐시된 정적 페이지를 즉시 서빙하고, 설정된 주기마다 백그라운드에서 데이터를 갱신하여 다음 사용자에게 최신 페이지를 제공하는 패턴.
  • ISR의 핵심 메커니즘:
    • Revalidate Interval: 초 단위로 갱신 주기를 설정 (예: 60초).
    • Background Regeneration: 주기가 지난 후 첫 요청이 들어오면 기존 페이지를 즉시 보여주되, 서버는 백그라운드에서 새 페이지를 생성.
    • Atomic Replacement: 생성이 완료되면 기존 캐시를 새 페이지로 교체.
  • 의의: 수백만 개의 페이지를 가진 이커머스나 뉴스 사이트에서도 빌드 시간을 획기적으로 줄이면서도 최신 정보를 유지할 수 있게 함.

⚠️ 모순 및 업데이트 (Contradictions & RL Update)

  • 과거 데이터와의 충돌: 과거에는 실시간 정보를 위해 무조건 SSR을 사용했으나, 이는 서버 부하를 가중시켰음. ISR 정책은 '수용 가능한 수준의 최신성'을 타협 정책으로 채택하여 서버 비용과 사용자 경험을 최적화함.
  • 정책 변화: Antigravity 프로젝트는 상품 상세 페이지 및 카테고리 목록에 대해 기본적으로 ISR 정책을 적용하며, 재고 정보와 같은 극도로 민감한 데이터에 한해서만 부분적인 클라이언트 사이드 데이터 페칭 정책을 결합함.

🔗 지식 연결 (Graph)