bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/Next.js를 활용한 SEO 및 성능 최적화 하이브리드 렌더링 아키텍처 설계.md
+2 -2
View File
@@ -20,8 +20,8 @@ Next.js를 활용한 하이브리드 렌더링 아키텍처 설계는 단일 애
SSR 환경에서 생성된 정적 HTML을 동적으로 만드는 하이드레이션 과정은 메인 스레드를 차단하여 총 차단 시간(TBT)을 악화시킬 수 있습니다 [37, 38]. 이를 해결하기 위해 Next.js의 동적 임포트(dynamic imports)를 통한 선택적 하이드레이션, 스크롤 진입 시점에 로드하는 지연 하이드레이션(lazy hydration), 그리고 React Suspense를 활용하여 HTML을 점진적으로 렌더링하는 스트리밍 방식을 활용해야 합니다 [7, 39, 40].
## 🔗 Knowledge Connections
- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Incremental Static Regeneration (ISR)]], [[Client-Side Rendering (CSR)]], [[React Server Components (RSC)]], [[Hydration]]
- **Projects/Contexts:** [[대규모 전자상거래 플랫폼 및 제품 카탈로그]], [[SEO 중심의 뉴스 및 마케팅 웹사이트]], [[사용자 상호작용이 복잡한 SaaS 대시보드]]
- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], Incremental Static Regeneration (ISR), [[Client-Side Rendering (CSR)]], [[React Server Components (RSC)]], [[Hydration]]
- **Projects/Contexts:** 대규모 전자상거래 플랫폼 및 제품 카탈로그, SEO 중심의 뉴스 및 마케팅 웹사이트, 사용자 상호작용이 복잡한 SaaS 대시보드
- **Contradictions/Notes:** SSR은 FCP(First Contentful Paint)를 단축시켜 초기 시각적 성능과 SEO에는 유리하다고 소스들에서 강조되지만, 그에 수반되는 하이드레이션 과정 때문에 상호작용 가능 시간(TTI)이 눈에 띄게 지연될 수 있다는 점을 성능 설계 시 중요한 트레이드오프로 지적하고 있습니다 [9, 41, 42].
---