Bound Platform Core™: 엔터프라이즈 웹뷰 IDE & 차세대 UI 마이그레이션 엔진

핵심 공학 원칙: 플랫폼 엔지니어링 (Platform Architecture)
핵심 슬로건: “수십 년간 축적된 레거시 데스크톱 소프트웨어를 모던 웹과 AI 환경으로 완벽히 전환합니다.”

1. 개요 (Overview)

많은 엔터프라이즈 기업들이 수십 년 전에 개발된 C++/MFC 기반 데스크톱 소프트웨어의 유지보수 한계와 플랫폼 종속성에 직면해 있습니다. 하지만 웹으로 전환하려 할 때 다음과 같은 심각한 성능 장벽을 마주합니다.

1. 캔버스 상에 수백~수천 개의 UI 컴포넌트를 올릴 때 브라우저 렌더러가 멈추고 메모리가 수백 메가바이트(MB) 단위로 폭증.
2. 드래그, 리사이즈, 마키 다중 선택, 자석 스냅 가이드라인 등 정밀한 데스크톱 수준의 마우스 인터랙션 구현 난항.
3. 비즈니스 로직이 특정 데스크톱 런타임에 결합되어 단위 테스트와 클라우드 배포가 불가능.

**Bound Platform Core™**는 React + TypeScript + Craft.js 스택 기반의 Hexagonal(Ports & Adapters) 클린 아키텍처와 InteractionManager 상태 머신, 그리고 선별적 복사(Selective Copy) 메모리 최적화 기술을 집약하여 레거시 시스템을 60fps로 동작하는 최첨단 Webview IDE로 전면 현대화합니다.

2. 캔버스 메모리 99.3% 절감 아키텍처 (Selective Copy)

기존 웹 캔버스 빌더들은 컴포넌트를 복제할 때 전체 객체를 Deep Copy하여 1,000개 컴포넌트 생성 시 메모리가 200MB 이상으로 치솟았습니다. Bound Platform Core™는 렌더링에 필수적인 최소 속성만 선별 복사하고 공통 메타데이터는 글로벌 레지스트리를 참조(Flyweight 패턴)하도록 설계되었습니다.

[ 기존 단순 복제 방식 ]
컴포넌트 1개 = 렌더속성 + 이벤트핸들러 + 메타데이터 전체 복제 (Deep Copy)
--> 1,000개 컴포넌트 복제 시: 메모리 200MB 폭증 & 버벅임 발생

[ Bound Platform Core™ 선별 복사 프로토콜 ]
컴포넌트 1개 = 렌더링 최소 속성만 복사 (Selective Copy) + 공통 메타는 Registry 참조 (Flyweight)
--> 1,000개 컴포넌트 복제 시: 메모리 1.4MB (99.3% 절감) & 60fps 부드러운 인터랙션

3. InteractionManager 상태 머신

마우스 입력 이벤트(mousedown, mousemove, mouseup)를 단순 조건문으로 처리하지 않고, 상태 머신으로 완벽히 오케스트레이션하여 유령 드래그와 인터랙션 충돌을 원천 차단합니다.

• IDLE: 대기 상태
• DRAGGING_CREATE: 컴포넌트 팔레트에서 캔버스로 드래그 생성 중
• SELECTING_MARQUEE: 마우스 드래그 영역 다중 선택 중
• TRANSFORMING: 선택된 컴포넌트 이동, 리사이즈, 스냅 가이드라인 계산 중