lottie-react 썸네일형 리스트형 React에서 Lottie 애니메이션 통합하기 Lottie는 After Effects로 만든 애니메이션을 JSON으로 내보내 웹에서 SVG/Canvas로 부드럽게 재생하는 기술입니다. React에서는 가볍고 선명한 인터랙션을 구현할 때 매우 유용합니다. 이 글은 실무에서 바로 쓰는 통합 방법과 성능/SSR/접근성까지 핵심만 정리합니다.1. 어떤 라이브러리를 쓸까?가장 쉬운 선택은 lottie-react입니다. 내부적으로 lottie-web을 감싸 React 친화적 API와 ref 제어, 콜백을 제공합니다. 세밀한 초기화 옵션이 필요하면 lottie-web을 직접 사용할 수 있습니다.권장: 빠른 개발은 lottie-react, 커스텀 초기화(assetsPath 등)나 독자 렌더러 튜닝이 필요하면 lottie-web 직접 사용을 고려합니다.2. 설치//.. 더보기 이전 1 다음