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

뱅크샐러드 프론트엔드 엔지니어가 웹뷰 환경에서 게임 엔진 없이 React와 DOM, Lottie를 활용하여 게이미피케이션 서비스를 개발한 경험을 공유합니다. "일해라 김뱅샐" 프로젝트에서 캐릭터 커스터마이징 시 발생하는 수많은 의상 조합 문제를 해결하기 위해, Lottie JSON의 에셋 경로를 런타임에 동적으로 교체하는 방식을 사용했습니다.

이를 통해 적은 리소스로 다양한 조합을 구현하고 파일 용량을 절감하는 효과를 얻었습니다. 이 글은 익숙한 웹 기술 스택으로 게임과 유사한 인터랙티브 콘텐츠를 개발하는 데 대한 인사이트를 제공합니다.