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

10_Wiki/Topics_Art/UI_UX_Assets/Next.js 기반의 Hybrid Rendering (SSR-CSR-RSC 혼합 적용).md

@@ -1,4 +1,4 @@
-# [[Next.js 기반의 Hybrid Rendering (SSR/CSR/RSC 혼합 적용)]]
+# [[Next.js 기반의 Hybrid Rendering (SSR-CSR-RSC 혼합 적용)|Next.js 기반의 Hybrid Rendering (SSR/CSR/RSC 혼합 적용)]]
 
 ## 📌 Brief Summary
 Next.js 기반의 Hybrid Rendering은 단일 애플리케이션 내에서 SSR, CSR, SSG 및 React Server Components(RSC) 등 다양한 렌더링 방식을 페이지나 컴포넌트 특성에 맞게 혼합하여 사용하는 아키텍처입니다 [1, 2]. 이 접근 방식은 각 렌더링 전략의 장점만을 결합하여 초기 로딩 속도, SEO, 그리고 상호작용성(Interactivity)을 동시에 최적화할 수 있도록 돕습니다 [1]. 특히 최신 Next.js 환경에서는 기본적으로 무거운 작업을 서버에서 처리하는 RSC를 사용하고, 상호작용이 필요한 영역에만 선택적으로 CSR을 적용하여 클라이언트의 자바스크립트 부담을 최소화합니다 [3-5].
@@ -10,8 +10,8 @@ Next.js 기반의 Hybrid Rendering은 단일 애플리케이션 내에서 SSR, C
 - **성능 최적화 및 부분 하이드레이션:** 이러한 혼합 아키텍처는 선택적 하이드레이션과 스트리밍(Streaming)을 가능하게 합니다 [10, 13, 14]. 상호작용이 필요 없는 영역은 서버에서 HTML로 완성되어 즉시 렌더링되며 자바스크립트 실행이 생략되지만, 클라이언트 컴포넌트가 위치한 조각에 대해서만 자바스크립트 번들이 전송되어 부분적으로 하이드레이션이 일어납니다 [10]. 이로 인해 초기 화면 표시 시간과 INP(Interaction to Next Paint) 지표가 극적으로 개선됩니다 [4, 7, 13].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[React Server Components (RSC)]], [[Client-Side Rendering (CSR)]], [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Hydration]]
-- **Projects/Contexts:** [[Next.js App Router]], [[React 19]]
+- **Related Topics:** [[React Server Components (RSC)|React Server Components (RSC)]], [[Client-Side Rendering (CSR)|Client-Side Rendering (CSR)]], [[Server-Side Rendering (SSR)|Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)|Static Site Generation (SSG)]], [[Hydration|Hydration]]
+- **Projects/Contexts:** [[Next.js App Router|Next.js App Router]], [[React 19|React 19]]
 - **Contradictions/Notes:** 서버 컴포넌트를 도입하여 클라이언트의 번들 크기를 줄일 수는 있지만, 렌더링 및 데이터 호출 부하가 서버로 집중되므로 복잡한 스트리밍 인프라나 명확한 캐싱 전략이 부재할 경우 서버 병목 현상이라는 새로운 문제가 발생할 수 있습니다 [15-17]. 또한 클라이언트 컴포넌트에서 서버 컴포넌트를 직접 호출할 수 없는 등 엄격한 트리 구성 규칙을 지켜야 합니다 [11, 12].
 
 ---