웹뷰 속 무한 CSS 애니메이션의 숨은 비용

웹뷰 속 무한 CSS 애니메이션의 숨은 비용
Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.
#CSS#React Native
68005분
새로운 기술 블로그가 추가되었어요

Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.

React와 Lottie만으로 웹뷰 게임을 구현한 사례를 공유했습니다. iOS 깜빡임, 리플로우, 배터리 소모를 줄인 최적화 방법도 함께 정리했습니다.


iOS 앱 개발자가 Appium으로 웹뷰 UI 테스트를 구현한 과정과 장단점을 정리했습니다. 환경 설정, 시나리오 작성, 트러블슈팅과 협업 포인트까지 함께 공유했습니다.


iOS 웹뷰에서 백그라운드 복귀 시 세션쿠키가 사라지는 문제를 분석했습니다. 지속쿠키로 전환해 이슈를 크게 줄였습니다.

병원 상세 웹뷰를 사례로 웹-앱 통신 방식과 OS별 UX 차이를 정리했습니다. 또한 크로스 브라우징과 유지보수 개선 포인트까지 함께 다뤘습니다.


웹뷰 액티비티가 여러 개인 화면에서 데이터 동기화 이슈를 다룬 글입니다. 화면 간 변경 사항을 반영하는 해결 방법을 설명했습니다.