DEV_Larva

스터디 진행 중에 흥미로운 라이브러리인 "Lottie"를 발견하고 앱에 애니메이션을 추가해 보고 이에 따라 발생했던 에러에 대한 해결법을 한번 정리해 보자! 1. Lottie가 무엇인가요? Lottie는 개발자가 모바일 및 웹 애플리케이션에 고품질의 대화형 애니메이션을 추가할 수 있도록 Airbnb에서 만든 오픈 소스 애니메이션 도구이다. Adobe After Effects에서 JSON 파일로 내보낸 벡터 기반 애니메이션을 사용하여 모바일 및 웹 플랫폼에서 기본적으로 애니메이션을 렌더링 하는Android, iOS, 웹 및 Windows용 라이브러리이다. 그럼 여기서 궁금한 것은 애니메이션과 관련된 오픈소스 및 라이브러리는 많은데 왜 굳이 Lottie??라고 생각할 수 있을 것 같다. 주요 차이점은 제작 ..

이번 시간에는 뷰에 애니메이션 효과를 추가하여 이 앱을 사용하는 동안 사용자가 걷는 행동을 추적하기 위해 그래프를 포함해서 애니메이션을 추가해볼 것이다. 1. Add Hiking Data to the App 먼저 애니메이션을 추가하기전에 애니메이션을 적용할 대상이 필요하다. 그래서 이번 섹션에서는 먼저 하이킹 데이터를 가져와 모델링을 해주고 이후 해당 데이터를 정적으로 표시하기 위해서 미리 뷰를 추가해보자. 다운로드 파일을 현재 작업 중인 폴더로 드래그해서 작업을 준비하자. 준비는 끝났다. 이제 새로운 파일 Hike을 만들어준다. 여기서 Hike 는 앞서 만들었던 Landmark의 구조와 비슷하게 Coadble을 가지게 되고 해당 데이터 파일의 키와 일치하는 속성을 가지게 된다. import Founda..