feature-062:비디오 type 분리

src/apis/videos.ts

@@ -3,7 +3,7 @@ import { IVideo, VideoVersionType } from '@/models/video';
 
 import axios from './config/instance';
 import axiosInstance from './config/instance';
-import { IVideoProps } from '@/components/category/Card';
+import { IVideoProps } from 'types/videos';
 
 const PREFIX = '/videos';
 

src/components/category/Card.tsx

@@ -1,18 +1,7 @@
 import React, { useEffect } from 'react';
 import * as CardStyles from '@/styles/category/Card.style';
 import VideoTag from '../common/videoTag';
-
-export interface IVideoProps {
-  video_id: number;
-  category_id: number;
-  title: string;
-  description: string;
-  image: string;
-  link: string;
-  created_at: string;
-  youtube_created_at: string;
-  tag: [{ name: string }];
-}
+import { IVideoProps } from 'types/videos';
 
 interface ICardProps {
   videos: IVideoProps[];

src/pages/CategoryPage.tsx

@@ -7,12 +7,13 @@ import GarbageSvg from '@/assets/icons/garbage.svg?react';
 import FolderSvg from '@/assets/icons/open-file.svg?react';
 import CloseSvg from '@/assets/icons/close.svg?react';
 import * as CategoryPageStyles from '@/styles/category/index.style';
-import Card, { IVideoProps } from '@/components/category/Card';
+import Card from '@/components/category/Card';
 import { useRecoilValue } from 'recoil';
 import { categoryState } from '@/stores/category';
 import { ISubFolderProps } from 'types/category';
 import EmptyCard from '@/components/category/EmptyCard';
 import { deleteVideos, getRecentVideos, getVideoById } from '@/apis/videos';
+import { IVideoProps } from 'types/videos';
 
 const CategoryPage = () => {
   const params = useParams();

types/videos.ts

@@ -0,0 +1,11 @@
+export interface IVideoProps {
+  video_id: number;
+  category_id: number;
+  title: string;
+  description: string;
+  image: string;
+  link: string;
+  created_at: string;
+  youtube_created_at: string;
+  tag: [{ name: string }];
+}