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

10_Wiki/Topics/Frontend_Mastery/콘텐츠 기반의 이커머스 및 뉴스 웹사이트 성능 튜닝.md

@@ -10,8 +10,8 @@
 *   **이미지 및 대규모 리스트 렌더링 최적화:** 이커머스와 뉴스 사이트는 대량의 이미지를 포함합니다. WebP나 AVIF 같은 최신 포맷 사용, 기기 해상도에 맞춘 반응형 크기 제공, 네이티브 지연 로딩(`loading="lazy"`)을 통해 초기 페이지 로드 가중치를 줄이고 LCP(Largest Contentful Paint)를 개선해야 합니다 [6, 22]. 또한 뉴스 피드나 대규모 상품 리스트(100개 이상)를 렌더링할 때는 화면에 보이는 항목만 렌더링하는 '가상화(Virtualization)'를 적용하여 수천 개의 DOM 노드 생성으로 인한 렌더링 지연 및 버벅거림을 방지해야 합니다 [23, 24].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Incremental Static Regeneration (ISR)]], [[Hydration]], [[React Server Components]]
-- **Projects/Contexts:** [[대규모 상품 카탈로그 및 뉴스 포털 구축]], [[Next.js를 활용한 하이브리드 렌더링 최적화]]
+- **Related Topics:** [[Server-Side Rendering (SSR)]], Incremental Static Regeneration (ISR), [[Hydration]], [[React Server Components]]
+- **Projects/Contexts:** 대규모 상품 카탈로그 및 뉴스 포털 구축, Next.js를 활용한 하이브리드 렌더링 최적화
 - **Contradictions/Notes:** SSR은 뛰어난 FCP와 SEO 이점을 제공하지만, 하이드레이션 과정이 완료될 때까지 페이지 상호작용이 지연(TTI 저하)되어 사용자가 클릭 시 반응하지 않는 등 체감 성능과 사용자 경험이 하락할 수 있다는 트레이드오프가 존재합니다 [5, 25, 26].
 
 ---