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

10_Wiki/Topics_Art/UI_UX_Assets/React 기반 프론트엔드 성능 최적화.md

@@ -1,4 +1,4 @@
-# [[React 기반 프론트엔드 성능 최적화]]
+# [[React 기반 프론트엔드 성능 최적화|React 기반 프론트엔드 성능 최적화]]
 
 ## 📌 Brief 시 Summary
 React 기반 프론트엔드 성능 최적화는 불필요한 연산과 네트워크 페이로드를 최소화하여 빠르고 반응성 높은 사용자 경험을 제공하기 위한 일련의 기술적 접근이다 [1, 2]. 브라우저의 렌더링 경로(CRP)에서 발생하는 병목 현상을 줄이는 기초적인 최적화부터, 가상 DOM(Virtual DOM)의 재조정(Reconciliation) 과정과 리렌더링을 제어하는 React 고유의 최적화 기법을 포괄한다 [2-4]. 현대의 React는 Fiber 아키텍처, 자동 배칭, React Compiler를 통한 자동 메모이제이션, 그리고 React Server Components(RSC)를 활용하여 LCP, INP, CLS와 같은 핵심 웹 지표(Core Web Vitals)를 개선하고 애플리케이션의 성능을 극대화한다 [1, 5-9].
@@ -32,8 +32,8 @@ Fiber는 우선순위 시스템(Lanes)을 통해 사용자 입력과 같은 긴
 * **React Server Components (RSC):** 서버에서만 실행되고 클라이언트로 자바스크립트 코드를 일절 보내지 않는(Zero-Bundle) 새로운 컴포넌트 패러다임이다 [60-63]. 무거운 데이터 페칭이나 정적인 UI 렌더링을 서버가 전담하므로, 번들 크기를 비약적으로 줄이고 Hydration 비용 자체를 제거하여 성능을 극대화한다 [62, 64, 65]. 대규모 애플리케이션에서는 서버 컴포넌트와 클라이언트 컴포넌트를 혼합하여 각 실행 환경의 장점을 모두 취할 수 있다 [62, 66].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Critical Rendering Path]], [[Virtual DOM]], [[React Fiber Architecture]], [[Hydration]], [[React Compiler]], [[React Server Components]]
-- **Projects/Contexts:** [[Next.js 기반 하이브리드 렌더링 (SSR/SSG/ISR)]], [[React 18/19 마이그레이션 및 동시성 렌더링 적용]]
+- **Related Topics:** [[Critical Rendering Path|Critical Rendering Path]], [[Virtual DOM|Virtual DOM]], [[React Fiber Architecture|React Fiber Architecture]], [[Hydration|Hydration]], [[React Compiler|React Compiler]], [[React Server Components|React Server Components]]
+- **Projects/Contexts:** Next.js 기반 하이브리드 렌더링 (SSR/SSG/ISR), React 18/19 마이그레이션 및 동시성 렌더링 적용
 - **Contradictions/Notes:** 수동 메모이제이션 방식에 대해 소스 18은 "모든 컴포넌트를 무분별하게 메모이제이션(`React.memo` 등)하는 것은 오버헤드를 증가시켜 역효과를 낼 수 있으므로 프로파일링 후 제한적으로 적용해야 한다"고 주의를 줍니다. 반면 최신 기술인 React Compiler를 다룬 소스 336과 341에 따르면, 컴파일러는 코드 분석을 통해 "실제로 혜택을 제공할 수 있는 지점에 지능적으로 메모이제이션을 삽입"하여 개발자의 오버헤드나 오류 없이 성능을 자동으로 획기적으로 개선한다고 설명합니다.
 
 ---