콘텐츠

React랑 Lottie로 게임을 만든다고요?

역량 개발 · 뱅크샐러드 테크 · 2026.01.15

뱅크샐러드의 프론트엔드 엔지니어가 React와 Lottie를 활용하여 게임 엔진 없이 웹뷰 환경에서 게이미피케이션 서비스를 구현한 기술 경험담을 공유합니다. 캐릭터 커스터마이징을 위해 Lottie JSON 데이터를 런타임에 조작하는 방법, iOS 웹뷰에서 발생하는 화면 깜빡임 문제를 background-image로 해결한 사례, 그리고 배터리 소모를 줄이기 위해 Reflow를 방지하고 CSS 애니메이션과 GPU 가속을 활용한 최적화 기법 등 실무적인 해결 과정을 친절하게 설명해 드립니다.