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

This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
@@ -1,4 +1,4 @@
# [[React 기반 대규모 웹 애플리케이션 최적화]]
# [[React 기반 대규모 웹 애플리케이션 최적화|React 기반 대규모 웹 애플리케이션 최적화]]
## 📌 Brief Summary
React 기반 대규모 웹 애플리케이션 최적화는 브라우저의 렌더링 과정(CRP)과 React의 가상 DOM(Virtual DOM) 및 재조정(Reconciliation) 메커니즘을 이해하여 불필요한 연산과 DOM 변경을 최소화하는 전략입니다 [1-3]. 이를 위해 메모이제이션, 코드 스플리팅, 가상화(Virtualization) 등의 클라이언트 측 기법과, Fiber 아키텍처를 통한 동시성 렌더링(Concurrent Rendering)을 활용하여 UI 응답성을 유지합니다 [4-7]. 또한, SSR, SSG와 같은 렌더링 방식과 React 서버 컴포넌트(RSC) 및 React Compiler를 결합하여 자바스크립트 번들 크기를 대폭 줄이고 초기 로딩 속도와 상호작용성을 극대화합니다 [8-11].
@@ -23,8 +23,8 @@ React 기반 대규모 웹 애플리케이션 최적화는 브라우저의 렌
* **React 서버 컴포넌트 (RSC):** RSC는 서버에서 독점적으로 렌더링되며 클라이언트로 자바스크립트 번들을 전혀 보내지 않습니다 [9, 49, 50]. 데이터베이스나 파일 시스템에 직접 접근할 수 있어 클라이언트-서버 간 불필요한 API 호출을 줄입니다 [51-53]. 대규모 앱에서는 읽기 전용 UI를 서버 컴포넌트로 처리하고, 상태나 이벤트 핸들러가 필요한 요소만 `use client` 지시어를 통해 클라이언트 컴포넌트로 분리함으로써 번들 크기를 극적으로 줄이고 성능을 최적화할 수 있습니다 [51, 54, 55].
## 🔗 Knowledge Connections
- **Related Topics:** [[Critical Rendering Path]], [[Virtual DOM]], [[Reconciliation]], [[Fiber Architecture]], [[React Server Components]], [[React Compiler]], [[Automatic Batching]]
- **Projects/Contexts:** [[초기 로딩 및 SEO 최적화가 필수적인 대규모 이커머스 및 콘텐츠 플랫폼]], [[수천 개의 리스트와 실시간 데이터 처리가 필요한 대형 SaaS 대시보드 애플리케이션]]
- **Related Topics:** [[Critical Rendering Path|Critical Rendering Path]], [[Virtual DOM|Virtual DOM]], [[Reconciliation|Reconciliation]], [[Fiber Architecture|Fiber Architecture]], [[React Server Components|React Server Components]], [[React Compiler|React Compiler]], [[Automatic Batching|Automatic Batching]]
- **Projects/Contexts:** 초기 로딩 및 SEO 최적화가 필수적인 대규모 이커머스 및 콘텐츠 플랫폼, 수천 개의 리스트와 실시간 데이터 처리가 필요한 대형 SaaS 대시보드 애플리케이션
- **Contradictions/Notes:** 수동 메모이제이션(`React.memo`, `useMemo`)은 리렌더링을 방지할 수 있지만 참조 객체 저장 및 비교 연산에 따른 자체적인 오버헤드가 발생하므로 모든 컴포넌트에 무분별하게 적용하는 것은 오히려 성능을 저하시키는 안티 패턴입니다 [42, 56]. 그러나 최신 React Compiler가 적용된 환경에서는 이러한 최적화 판단과 메모이제이션 삽입이 빌드 타임에 자동으로 이루어지므로 개발자가 수동으로 제어할 필요성이 크게 줄어들었습니다 [11, 57]. 또한, SSR은 빠른 초기 화면(FCP)을 제공하지만 하이드레이션 병목 현상으로 인해 상호작용(TTI)까지 지연 시간이 발생할 수 있으므로 주의가 필요합니다 [45, 48].
---