iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 iOS 앱에서 애니메이션을 표현할 때 사용하는 Lottie와 WebP의 성능 차이와 선택 기준들에 대해 정리해보려고 합니다 🙋🏻애니메이션 포맷 선택, 왜 중요할까?모바일 앱에서 애니메이션은 UI/UX를 풍부하게 만드는 핵심 요소입니다.하지만 성능, 용량, 디코딩 방식, 구현 편의성 등의 요소에 따라 포맷 선택은 앱의 사용자 경험과 직결됩니다. 그래서 이번 포스팅에서는 iOS에서 많이 사용하는 Lottie와 WebP 애니메이션을 비교하고, 실제 앱에 적용할 때 고려할 성능적 측면을 집중적으로 다뤄보겠습니다 💡 Lottie vs WebP 애니메이션 포맷 비교포맷타입압축CPU 사용량메모리 사용량재생 유연성용량장점단점LottieJSON벡터벡터 압축낮음매우 낮음자..

안녕하세요. 그린입니다🍏 드디어 이번 WWDC 2023에서 소개한 SwiftUI 애니메이션 부분의 마지막 섹션을 볼 차례입니다 🙌 이번 주제는 SwiftUI의 애니메이션 기능을 살펴보고 어떻게 동작해 인상적인 시각 효과를 생성하는지 알아보겠습니다. 또한, SwiftUI가 뷰의 렌더링을 업데이트하고 무엇을 애니메이션할지 결정하고 시간에 따라 값을 보간하면서 현재 트랜잭션에 대한 컨텍스트를 전파하는 방법을 같이 살펴보죠! 애플에서는 앱에 애니메이션을 추가하는 것을 아주 간단하게 만드는것이 SwiftUI 개발을 시작할 때 핵심 동기중 하나였다고 합니다. Anatomy of an update SwiftUI가 뷰의 렌더링을 업데이트하는 방법을 알아보죠. 위 코드처럼 이미지가 탭이 되면 스케일 즉, 크기가 변하는 ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 Lottie라는 라이브러리를 알아보려합니다🧐 애니메이션은 항상 어려운데... 정말 어려운데🙃 기본적으로 애플에서 제공해주는 API들로만 하기에는 제 머리가 안따라가고 감각도 없고😭 그럴때 많이 사용하는게 Lottie라는 라이브러리더라구요! 그래서 오늘 한번 요 Lottie를 간단히 해보려합니다ㅎㅎ Lottie? Lottie는 airbnb에서 만든것 같아요! 우선 해당 라이브러리의 리드미 설명을 보겠습니다. 기본적으로 벡터 기반 애니메이션과 아트를 최소한의 코드로 실시간 렌더링해주는 iOS/Android에서 모두 지원 가능한 모바일용 라이브러리입니다. Bodymovin JSON 형식으로 내보내진 애니메이션과 벡터를 로드해 렌더링해준다고 해요🤔 Bodymovin J..