핵심 요약
카카오페이가 라이브러리 없이 수학과 물리 원리를 활용해 인터랙티브 웹 애니메이션 구현 과정을 공유합니다.
구현 방법
- 라이브러리 없이 순수 구현으로 시작해 HTML/CSS/자바스크립트의 기본 도구로 애니메이션 파이프라인을 구성했다.
- 수학적 모델링과 물리 시뮬레이션 원리를 적용해 자연스러운 움직임과 충돌 반응을 연출했다.
- 인터랙티브 트리 시각화를 위한 데이터 구조 설계와 렌더링 루프 구성을 중심으로 구현했다.
주요 결과
- 의존성 최소화로 빌드·배포가 간소화되었고, 협업 환경 차이로 인한 이슈를 감소시켰다.
- 수학/물리 기반 접근으로 애니메이션의 표현력과 반응성을 개선해 사용자 체감 품질이 향상됐다.
