Static Analysis 기반 Hoisting을 통한 Vue 3 타입 선언의 React 컴포넌트 외부 전이 구현

Context

Vue 3의 내 top-level TypeScript 선언은 런타임 동작에 영향을 주지 않는 정적 구조임. 이를 React 컴포넌트로 단순 변환 시 컴포넌트 렌더링 주기 내에 타입 선언이 포함되어 불필요한 구조적 복잡성을 초래하는 한계 존재.

Technical Solution

• Static Analysis를 통한 내 interface, type, enum 식별
• 식별된 정적 선언문을 React 컴포넌트 함수 외부의 Module Scope로 Hoisting 처리
• 컴포넌트 내부 함수 스코프 내에 정의된 Local Type은 기존 위치를 유지하는 Scope 분리 전략 채택
• 런타임 로직과 정적 타입 선언의 물리적 분리를 통한 React 컴포넌트 구조 최적화
• TypeScript Semantics 유지를 위해 원본 선언문의 가시성 및 정의 구조를 보존하는 변환 로직 적용