자바스크립트로 특정 영역 클릭하면 lottie 애니메이션 재생하기 – Lottie.js 강좌

로티 여섯번째 강좌입니다. 이번 lottie 강좌에서는 자바스크립트를 이용해서 특정 영역 탭하면 lottie 애니메이션 재생하는 방법을 배워볼게요. 단순 gif, video와 다르게 js를 통해 다양한 인터렉션을 줄수있습니다.

*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 이 강좌에서 제가 사용하는 툴은 에프터이펙트와 비주얼 스튜디오 코드(Visual Studio Code)를 사용합니다. 여러분이 VS Code 말고 다른 에디터를 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.