docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

10_Wiki/Topics_Art/UI_UX_Assets/Hydration 성능 최적화.md

@@ -1,4 +1,4 @@
-# [[Hydration 성능 최적화]]
+# [[Hydration 성능 최적화|Hydration 성능 최적화]]
 
 ## 📌 Brief Summary
 Hydration은 서버에서 렌더링된 정적 HTML 뼈대에 JavaScript를 실행하고 이벤트 리스너를 연결하여 완전한 상호작용이 가능한 애플리케이션으로 변환하는 과정입니다 [1, 2]. 기본적으로 React는 페이지 전체를 한 번에 Hydration하면서 메인 스레드를 차단하여 TBT(Total Blocking Time)와 TTI(Time to Interactive) 지표를 악화시킬 수 있습니다 [3]. 이를 해결하기 위해 선택적 Hydration, 지연 로딩, React Server Components(RSC) 등의 최적화 기법을 도입하여 초기 로드 성능과 상호작용성을 극대화할 수 있습니다 [4-6].
@@ -26,8 +26,8 @@ Hydration은 서버에서 렌더링된 정적 HTML 뼈대에 JavaScript를 실
     *   불가피하게 클라이언트와 서버 간의 렌더링 불일치가 예상되는 곳에는 `suppressHydrationWarning`을 제한적으로 사용하거나, Hydration 완료 이후에 동작해야 하는 로직을 의존성 배열이 빈 `useEffect` 내에 배치하여 불일치 에러를 방지할 수 있습니다 [17, 19].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Server-Side Rendering (SSR)]], [[React Server Components (RSC)]], [[Total Blocking Time (TBT)]], [[Concurrent Rendering]]
-- **Projects/Contexts:** [[Next.js App Router]], [[Island Architecture]]
+- **Related Topics:** [[Server-Side Rendering (SSR)|Server-Side Rendering (SSR)]], [[React Server Components (RSC)|React Server Components (RSC)]], [[Total Blocking Time (TBT)|Total Blocking Time (TBT)]], [[Concurrent Rendering|Concurrent Rendering]]
+- **Projects/Contexts:** [[Next.js App Router|Next.js App Router]], [[Island Architecture|Island Architecture]]
 - **Contradictions/Notes:** SSR은 클라이언트에게 완성된 HTML을 즉시 제공하여 FCP(First Contentful Paint)와 SEO를 크게 향상시키지만, JavaScript 번들이 다운로드되고 Hydration이 완료될 때까지 사용자가 페이지와 상호작용할 수 없으므로 TTI(Time to Interactive)가 오히려 지연되는 성능적 트레이드오프(Trade-off)가 존재합니다 [20, 21].
 
 ---