feat: 로티 변경

DDD-Community · Feb 27, 2024 · f041cd3 · f041cd3
1 parent ac11993
commit f041cd3
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 324 deletions.
diff --git a/package.json b/package.json
@@ -32,7 +32,6 @@
     "eslint-plugin-react": "^7.33.2",
     "framer-motion": "^11.0.3",
     "lodash": "^4.17.21",
-    "lottie-react": "^2.4.0",
     "next": "14.0.3",
     "react": "^18",
     "react-dom": "^18",

diff --git a/src/assets/lottie.json b/src/assets/lottie.json
diff --git a/src/assets/lottie.webp b/src/assets/lottie.webp
diff --git a/src/components/atoms/Lottie.tsx b/src/components/atoms/Lottie.tsx
@@ -1,12 +1,9 @@
 import React from 'react';
-// import Lottie from 'lottie-react';
-// import animationData from './../../assets/lottie.json';
+import animationData from './../../assets/lottie.webp';
+import Image from 'next/image';
 
 const LottieComponent = () => {
-  return (
-    //     <Lottie animationData={animationData} style={{ width: 167, height: 156 }} />
-    <div>로딩중</div>
-  );
+  return <Image src={animationData} alt="로딩중" width={167} height={156} />;
 };
 
 export default LottieComponent;