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는 단일 웹 애플리케이션 내에서 서버 사이드 렌더링(SS
Next.js는 `next/image` 컴포넌트 등을 통해 이미지 포맷 변환(WebP, AVIF), 뷰포트에 맞춘 반응형 크기 조절, 그리고 화면에 보일 때만 이미지를 로드하는 지연 로딩(Lazy Loading)을 자동으로 처리합니다 [33]. 이는 초기 페이지 용량을 줄이고 레이아웃 시프트(CLS)를 방지하여 성능과 SEO에 모두 긍정적인 영향을 미칩니다 [33-35].
## 🔗 Knowledge Connections
- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Client-Side Rendering (CSR)]], [[Incremental Static Regeneration (ISR)]], [[React Server Components (RSC)]]
- **Projects/Contexts:** [[검색 엔진 가시성 및 실시간 데이터가 필요한 대규모 이커머스 플랫폼]], [[풍부한 사용자 상호작용과 SEO가 동시에 요구되는 엔터프라이즈 마케팅 사이트]]
- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Client-Side Rendering (CSR)]], Incremental Static Regeneration (ISR), [[React Server Components (RSC)]]
- **Projects/Contexts:** 검색 엔진 가시성 및 실시간 데이터가 필요한 대규모 이커머스 플랫폼, 풍부한 사용자 상호작용과 SEO가 동시에 요구되는 엔터프라이즈 마케팅 사이트
- **Contradictions/Notes:** SSR은 SEO에 매우 뛰어나고 항상 최신 데이터를 제공하지만, 모든 요청마다 서버에서 렌더링을 수행하므로 트래픽 급증 시 서버 부하가 커지고 TTFB(Time to First Byte)가 느려질 수 있다는 단점이 존재합니다 [36-40]. 이에 반해 SSG는 속도가 가장 빠르고 서버 부하가 없으나, 실시간 데이터 변동을 반영하기 위해 매번 전체 사이트를 재빌드해야 하는 한계가 있어 [41-43] ISR과 같은 하이브리드 전략의 도입이 중요해집니다 [19, 41].
---