Next.js 15로 개인 프로젝트를 만들다가, 메인 화면에 가벼운 애니메이션 하나 넣고 싶어서 LottieFiles + lottie-react 조합을 써봤다.처음에는 "json 파일 하나 내려받아서 컴포넌트에 박으면 되겠지" 하고 가볍게 시작했는데, 막상 TypeScript랑 같이 쓰다 보니 타입 에러 한 번 제대로 맞고 정리하게 됐다.이 글은LottieFiles에서 애니메이션 고르는 과정Next.js에서 lottie-react 설치하고 붙인 방법내가 당했던 JSON 타입 관련 에러와 해결 방법1. LottieFiles에서 애니메이션 고르기나는 LottieFiles에서 무료 애니메이션을 하나 골라서 가져왔다.1-1. LottieFiles 접속사이트에 접속하면 이런 메인 화면이 나온다.회원 가입 후 로그..

React 처음 공부할 때 만들어 둔 작은 프로젝트가 하나 있었는데, 오래된 CRA(create-react-app) 기반이라 계속 마음에 걸렸다.요즘은 새 프로젝트를 CRA로 시작하는 경우도 거의 없고, 실제로도 Vite를 더 자주 쓰고 있어서예전에 만든 CRA 프로젝트를 한 번 Vite로 옮겨 보고마이그레이션 과정을 내 스타일대로 기록해 두면나중에 또 비슷한 상황이 왔을 때 그대로 참고하기 좋겠다 싶어서 정리해 둔 글이다.참고한 글freeCodeCamphttps://www.freecodecamp.org/news/how-to-migrate-from-create-react-app-to-vite/ How to Migrate from create-react-app to Vite using Jest and Br..