docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-181AC7
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
category: "10_Wiki/💡 Topics/Design & Experience"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 가상 DOM (Virtual DOM)"
|
||||
---
|
||||
|
||||
# [[가상 DOM (Virtual DOM)]]
|
||||
# [[가상 DOM (Virtual DOM)|가상 DOM (Virtual DOM)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 실제 DOM을 매번 직접 조작하는 대신, 메모리 상에 UI의 가상 표현을 구축한 뒤 이전 상태와 비교(Diffing)하여 실제 변경이 필요한 최소한의 부분만 DOM에 반영함으로써 렌더링 성능을 최적화하는 React의 핵심 아키텍처입니다.
|
||||
@@ -29,12 +29,12 @@ github_commit: "[P-Reinforce] Continuous Worker - 가상 DOM (Virtual DOM)"
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[재조정 (Reconciliation)]], [[React Performance Optimization]], [[불필요한 리렌더링 방지]]
|
||||
- **Projects/Contexts:** [[대규모 데이터 렌더링 및 가상화 최적화]], [[고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처]]
|
||||
- **Related Topics:** [[재조정 (Reconciliation)|재조정 (Reconciliation)]], [[React Performance Optimization|React Performance Optimization]], [[불필요한 리렌더링 방지|불필요한 리렌더링 방지]]
|
||||
- **Projects/Contexts:** [[대규모 데이터 렌더링 및 가상화 최적화|대규모 데이터 렌더링 및 가상화 최적화]], [[고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처|고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처]]
|
||||
- **Contradictions/Notes:** 가상 DOM과 재조정 알고리즘은 일반적인 웹 애플리케이션의 선언적 UI 관리에는 압도적으로 훌륭하지만, 매 프레임 수만 개의 속성이 변해야 하는 3D 게임이나 무거운 애니메이션 환경에서는 오히려 가상 DOM을 비교하는 $O(n)$ 연산 자체가 프레임 저하(Lag)를 유발하는 치명적인 원인이 됩니다. 이러한 특수 환경에서는 가상 DOM을 우회하여 참조(`ref`)를 통한 **명령형 직접 조작(Imperative Manipulation)**을 사용해야만 60FPS를 달성할 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
_Last updated: 2026-04-15_
|
||||
- Raw Source: [[00_Raw/2026-04-20/가상 DOM (Virtual DOM).md]]
|
||||
- Raw Source: 00_Raw/2026-04-20/가상 DOM (Virtual DOM).md
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user