프레젠테이션을 넘어 앱 내비게이션으로 확장한 Zooming UI 설계 전략

Context

Prezi와 impress.js 등 기존 도구의 프레젠테이션 중심 설계 구조. 단순한 뷰 전환 방식으로는 SPA의 동적 라우팅과 내비게이션 구현에 한계. 모든 슬라이드를 DOM에 유지하는 구조로 인한 리소스 관리 효율 저하.

Technical Solution

• 프레임워크 제약 없는 Framework-agnostic 엔진 설계
• 줌 트리거 요소 지정 시 대상 뷰를 동적으로 삽입하는 Dynamic Mounting 방식 채택
• 줌 전환 과정에서 타겟 뷰를 주입하고 스케일을 조정하는 Injection-based Scaling 로직 구현
• 사용하지 않는 뷰를 DOM에서 제거하는 Unmounting 프로세스로 메모리 효율 최적화
• 단순한 3D 좌표 이동이 아닌 SPA 라우팅 개념을 접목한 내비게이션 모델 구축

Key Takeaway

단순한 시각적 효과를 넘어 데이터의 생명주기를 관리하는 동적 마운팅 구조가 인터랙티브 UI의 확장성을 결정하는 핵심 요소임.