Rust 기반 Virtual DOM 및 Reactive Signal을 통한 효율적 DOM 업데이트 구조 설계

Context

웹 브라우저 DOM의 직접 조작으로 인한 낮은 성능과 복잡한 상태 관리 문제를 해결하기 위한 Rust 기반 프레임워크 설계 요구. UI 상태 변화에 따른 전체 렌더링 비용을 최소화하고 선언적 UI 구성을 통한 생산성 향상이 핵심 과제.

Technical Solution

• CSS Selector 기반의 Mount 함수를 통한 Rust 코드와 브라우저 DOM의 진입점 연결
• VirtualNode 추상화를 통해 Element, Text, Fragment, Dynamic 등 다양한 노드 타입을 정의한 가상 DOM 트리 구축
• Signal 기반의 Reactive System을 도입하여 상태 변경 시 의존성 그래프를 통한 정밀한 추적 수행
• Diffing 알고리즘과 Patching 프로세스를 결합하여 변경된 부분만 실제 DOM에 반영하는 Incremental Rendering 구현
• Keyed Diffing 기법을 적용하여 리스트 렌더링 시 개별 항목의 상태를 추적하고 불필요한 DOM 조작을 최소화
• Lifecycle Hooks(use_cleanup, use_window_event 등)를 제공하여 컴포넌트 생명주기에 따른 리소스 관리 최적화