이 게시물은 React와 Lottie로 웹뷰에서 게임을 엔진 없이 구현한 경험을 공유한 글입니다.

핵심 접근

• 익숙한 React·DOM으로 게임 로직과 UI 구현
• Lottie JSON을 런타임에 조작해 하나의 파일로 다양한 의상 조합 표현

문제와 해결

• iOS 웹뷰에서 이미지 쌓기 방식으로 인한 화면 깜빡임: img 절대포지션 대신 background-image로 해결
• 배터리 소모와 발열 문제: CSS 애니메이션, opacity 전환, translate3d 등으로 GPU 오프로드

구현 팁

• 레이어 네이밍 규칙을 디자이너와 맞추기
• 자주 변경되는 값은 별도 컴포넌트로 분리하여 리렌더링 최소화