[26기] SSR 환경에서 lottie-web Import시 발생하는 오류 수정

[ppinppini]

📘 작업 유형

• 버그 수정

📑 작업리스트

작업한 목록

• Node.js v22에서 navigator가 정의되어 발생하는 SSR 오류 해결

• lottie-web을 dynamic import 방식으로 변경하여 브라우저 환경에서만 실행되도록 수정

• animationData에 .default 접근 방식 적용 (ES Module import 구조 대응)

🚧 특이 사항

PR을 읽을 때 살펴볼 사항

• lottie-web은 이제 클라이언트에서만 동작하므로, loadAnimation()호출은 useEffect 내부에서만 실행됩니다.

• SSR 환경에서도 문제없이 빌드 및 실행되는지 확인해 주세요 (특히 yarn build, yarn start).

• JSON import는 dynamic import로 바뀌었고, .default를 통해 실제 데이터에 접근하고 있습니다