Lottie

React에서 lottie 사용하기

lottie는 air bnb에서 제공하는 기술로, gif 이미지보다 용량이 작고 손쉽게 사용할 수 있는 백터 그래픽 애니메이션을 위한 파일 형식이다. 웹 및 모바일에서 사용할 수 있으며 react와 react native에서도 사용할 수 있다. 각각 lottie-web과 lottie-react-native 라이브러리를 사용하여 간단히 이미지를 렌더링할 수 있다. 🍤 React를 사용하며 실제로 lottie를 사용하여 이미지를 렌더링해 보았다. lottie 파일은 lottiefiles.com에서 다운로드 받을 수 있었다. import { useEffect, useRef } from 'react'; import Lottie from 'lottie-web'; import dayNightLottie from '..