Lottie를 사용한 애니메이션 구현

무작정 가지고 노는 중.

JavaScript와 리액트 네이티브의 구조에 익숙해 지기 위해 구글링과 각종 Github를 돌아다니면서 공부하고 있는 중 입니다. 그 와중에 Lottie라는 재밌는 녀석을 발견해 소개해 드리려 합니다.

AirBnB에서 제공하는 라이브러리로, iOS, Android, React Native에서 AE(After Effects)로 만든 애니메이션을 앱에서 보여주는 것입니다. json확장자로 되어있습니다.

Lottie Files에서 다른 사람들이 만든 애니메이션 파일들을 볼 수 있으며 적용할 수 있습니다. iFrame으로 웹에서도 적용이 되는 것 같습니다.

위에서 알려드린 사이트에서 제가 가장 맘에드는(?) 애니메이션을 하나 골라 불러와 봤습니다. 아래에 영상도 첨부할태니 한번 봐보세요! ㅋㅋㅋ 나름 재밌습니다.

위의 것들 말고도 무수히 많은 애니메이션들이 존재하니 하나씩 해보시는것도 나쁘지 않을 듯 합니다. 실제 서비스 예정인 어플리케이션을 제작할 때도 풍부한 애니메이션을 넣을 때 좋을 것 같습니다.

한번 더 말씀드리지만은,, iOS, Android에서도 가능합니다. 네이티브 개발자 분들을 위해서도 존재하죠. 레퍼런스 링크 걸어드리겠습니다.

React Native를 시작하면서 새로운 라이브러리도 알아고 정말 괜찮은 것 같습니다. 앞으로도 열심히 공부하겠습니다!