feat: 코드 모듈화 및 api 구현

src/pages/auto/apis/index.ts

@@ -1,6 +1,12 @@
 export { postValidateUrl } from './postValidateUrl.api';
 export type { ValidateUrlProps, UrlOnlyProps } from './postValidateUrl.api';
 export { postConvertForm } from './postConvertForm.api';
-export { usefetchTaskStatus } from './fetchTaskStatus';
+export { useFetchTaskStatus } from './fetchTaskStatus';
 export { fetchSelectHighlight } from './fetchSelectHighLight.api';
 export type { fetchSelectHighlightResponseProps } from './fetchSelectHighLight.api';
+export { postHighlightSelection } from './postHighlightSelection.api';
+export type {
+  hightlightSelectionRequestProps,
+  hightlightSelectionResponseProps,
+} from './postHighlightSelection.api';
+export { fetchVideoExtract } from './fetchVideoExtract.api';

src/pages/auto/apis/postHighlightSelection.api.ts

@@ -0,0 +1,45 @@
+import { fetchInstance } from '@/apis';
+
+export type hightlightSelectionRequestProps = {
+  index: number;
+  s3Url: string;
+  title: string;
+  memberId: number;
+  categoryId: number;
+};
+
+// export type PythonDTO = {
+//   url: string;
+//   email: string;
+//   title: string;
+//   memberId: number;
+//   categoryId: number;
+// };
+
+export type hightlightSelectionResponseProps = {
+  videoId: number;
+  thumbnail: string;
+  title: string;
+  memberId: number;
+  createdAt: Date;
+};
+
+const postHighlightSelectionPath = () => '/api/videos/highlight-selection';
+
+export const postHighlightSelection = async ({
+  index,
+  s3Url,
+  title,
+  memberId,
+  categoryId,
+}: hightlightSelectionRequestProps): Promise<hightlightSelectionResponseProps> => {
+  const response = await fetchInstance.post(postHighlightSelectionPath(), {
+    index,
+    s3Url,
+    title,
+    memberId,
+    categoryId,
+  });
+
+  return response.data;
+};