🔨 change: index, App.tsx에서 interface props import

src/App.tsx

@@ -24,14 +24,13 @@ import LogoutSvg from "@assets/icons/out.svg"
 import Withdraw from "@assets/icons/withdraw.svg"
 import Youtube from "@assets/icons/youtube.svg"
 import Link from "@assets/icons/link.svg"
-
 import SpacewakTextLogo from "@assets/logo/spacewak-text-logo.svg"
 import WaktaplayTextLogo from "@assets/logo/waktaplay-text-logo.svg"
-import { IElementProps } from "./components/List/Element"
-
 import ChunsikSVG from "@assets/icons/members/gwakchunsik.svg"
 import WaktaverseSVG from "@assets/icons/group/waktaverse.svg"
 
+import { IElementProps } from "@components/List/types"
+
 // TODO : 아래 더미데이터들은 원하는 내용으로 바꾸시면 되고 unit은 지우셔도 무방합니다.
 const TABS = [
   {
@@ -109,7 +108,7 @@ const notificationSample: IElementProps[] = [
     view: false,
     createdAt: "2시간 전",
     category: "게시판",
-    type: "favorit",
+    type: "favorite",
     time: null,
   },
   {
@@ -128,7 +127,7 @@ const notificationSample: IElementProps[] = [
     createdAt: "2시간 전",
     category: "왁타플레이",
     link: "https://www.youtube.com/@waktaverse",
-    type: "favorit",
+    type: "favorite",
   },
 ]
 

src/components/index.ts

@@ -1,19 +1,22 @@
-export { default as Button } from "./Button";
-export { default as CheckBox } from "./CheckBox";
+export { default as Button } from "./Button"
+export { default as CheckBox } from "./CheckBox"
 
-export { default as Card } from "./Card";
-export type { ICardLink } from "./Card/types";
+export { default as Card } from "./Card"
+export type { ICardLink } from "./Card/types"
 
-export { default as Chip } from "./Chip";
+export { default as Chip } from "./Chip"
 export type { IChipBaseProps, IChipMediumProps, IChipSmallProps } from "./Chip/types"
 
-export { default as Filter } from "./Filter";
-export { default as Footer } from "./Footer";
+export { default as Filter } from "./Filter"
+export { default as Footer } from "./Footer"
 
-export { default as Menu } from "./Menu";
-export { default as Tabs } from "./Tabs";
-export { default as Video } from "./Video";
-export { default as LinkCalendar } from "./LinkCalendar";
+export { default as Menu } from "./Menu"
+export { default as Tabs } from "./Tabs"
+export { default as Video } from "./Video"
+export { default as LinkCalendar } from "./LinkCalendar"
 
-export { default as Modal } from "./Modal";
-export { default as ToastMessage } from "./ToastMessage";
+export { default as Modal } from "./Modal"
+export { default as ToastMessage } from "./ToastMessage"
+
+export { default as ListNotification } from "./List/Notification"
+export { IElementProps } from "./List/types"