콘텐츠

기획전 애니메이션 모듈 개발

스토리 · 카카오스타일 테크 · 2024.10.07

지그재그에서는 기획전 제작의 효율성을 높이기 위해 CMS 내에 애니메이션 편집 모듈을 개발했습니다. 기존에는 프로모션용 기획전을 만들 때마다 개발자의 수작업이 필요했지만, 이제는 기획자가 직접 직관적인 UI를 통해 다양한 애니메이션 효과를 설정할 수 있게 되었습니다. 개발 과정에서는 `framer-motion`을 활용하여 복잡한 애니메이션 효과를 독립적으로 구현할 수 있도록 계층화된 구조를 설계하였으며, 특히 서로 다른 애니메이션 효과가 충돌하지 않도록 `FilterOverlap`과 `MotionOverlap` 레이어로 나누어 해결했습니다. 이를 통해 개발자의 업무 부담을 줄이고 기획 운영의 유연성을 크게 확보할 수 있었습니다.