One-way Bridge 설계를 통한 Signal-Vue Reactivity 동기화 및 스케줄러 충돌 방지

Context

자체 Signal 기반 Reactive Graph를 Vue 3 Composition API와 통합하는 과정에서 발생하는 이중 Dependency Tracking 문제 해결 필요. Vue의 Reactivity 시스템이 Signal Graph 내부로 유입될 때 발생하는 Circular Scheduling 및 불필요한 Re-render 방지를 위한 아키텍처 설계가 핵심.

Technical Solution

• One-way Bridge 구조 설계를 통해 Signal 값을 Vue Ref로 단방향 동기화하여 상호 간의 스케줄러 간섭 제거
• shallowRef 채택을 통한 Deep Tracking 배제로 Core Signal의 Equality Strategy 기반 캐싱 메커니즘 유지
• peek()를 이용한 초기 Snapshot 생성과 get()을 통한 Effect 내 Dependency 등록으로 불필요한 초기 추적 방지
• onUnmounted 훅 내 stop() 및 dispose() 호출을 강제하여 메모리 누수 방지 및 Lifecycle 일치화
• useComputedRef 인터페이스 구현으로 Signal 기반 Derived Value를 Vue Ref 형태로 템플릿에 안전하게 노출