29 lines
2.4 KiB
Markdown
29 lines
2.4 KiB
Markdown
---
|
|
id: FE-REND-ISR-001
|
|
category: "10_Wiki/💡 Topics/AI"
|
|
confidence_score: 1.0
|
|
tags: [nextjs, isr, rendering, web-architecture, ssg, performance, scalability, seo]
|
|
last_reinforced: 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)
|
|
- Static-Site-Generation-SSG, Server-Side-Rendering-SSR, [[Web-Rendering-Strategies-CSR-vs-SSR|Web-Rendering-Strategies-CSR-vs-SSR]], [[Nextjs-App-Router-Architecture|Nextjs-App-Router-Architecture]]
|
|
- **Raw Source:** 00_Raw/Incremental Static Regeneration (ISR).md
|