Compiler-less Island Architecture 기반의 Fine-grained Reactivity 구현

Context

기존 Svelte와 같은 프레임워크가 Compiler-heavy한 단일 파일 형식과 Virtual DOM 또는 복잡한 컴파일 단계에 의존하는 구조적 한계를 가짐. SSR 환경에서 전체 앱 셸을 클라이언트에 올리는 대신, 필요한 부분만 활성화하는 효율적인 인터랙션 모델에 대한 요구 증대.

Technical Solution

• Virtual DOM을 제거하고 Fine-grained Signals를 도입하여 상태 변경 시 정확한 지점만 업데이트하는 구조 설계
• Builder-style API를 통한 명시적 선언 체인을 구축하여 컴파일 단계 없이 런타임에 반응형 모델을 추적하는 메커니즘 구현
• Server-side Rendering 후 필요한 컴포넌트만 Browser에서 활성화하는 Island Architecture를 통해 JavaScript 전송량 최적화
• .input() 단계에서 Schema 기반 Runtime Validation을 적용하여 외부 입력 데이터의 정합성을 보장하는 설계 채택
• Signal Accessor 패턴을 적용해 읽기와 쓰기 경계를 명확히 분리함으로써 암묵적 추적에 따른 side-effect 제거
• Async 모델을 내장한 .derived() 설계를 통해 Loading, Error 상태 처리 및 AbortSignal 기반의 자동 취소 로직 통합