페이지 이동 없는 Zoom-based 인터랙션, Zumly의 프레임워크 독립적 설계

Context

전통적인 페이지 내비게이션 방식의 단조로움과 한계 존재. 특정 프레임워크에 종속된 Zoom 라이브러리의 확장성 제약 발생.

Technical Solution

• 콘텐츠를 확대하여 진입하는 Zoom-based 내비게이션 모델 설계
• 특정 프레임워크에 의존하지 않는 Framework-agnostic 아키텍처 채택
• CSS 및 디자인 시스템과 무관하게 작동하는 독립적 엔진 구조
• Zoomable 요소 지정과 뷰 포인트 연결을 통한 콘텐츠 삽입 로직 구현
• 부드러운 사용자 경험을 위해 반복적인 엔진 재작성과 전환 로직 최적화

Key Takeaway

UI 라이브러리 설계 시 프레임워크 종속성을 제거하면 다양한 기술 스택에서 범용적으로 활용 가능한 인터랙션 모델 구축 가능.