[DEPLOY] 배포 진행

.storybook/preview.tsx

@@ -23,6 +23,43 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    viewport: {
+      viewports: {
+        laptop1024: {
+          name: 'Laptop 1024',
+          styles: {
+            width: '1024px',
+            height: '768px',
+          },
+          type: 'desktop',
+        },
+        desktop1440: {
+          name: 'Desktop 1440',
+          styles: {
+            width: '1440px',
+            height: '900px',
+          },
+          type: 'desktop',
+        },
+        laptopMac13: {
+          name: 'MacBook 13-inch',
+          styles: {
+            width: '1280px',
+            height: '800px',
+          },
+          type: 'desktop',
+        },
+        laptopMac16: {
+          name: 'MacBook Pro 16-inch',
+          styles: {
+            width: '1536px',
+            height: '960px',
+          },
+          type: 'desktop',
+        },
+      },
+      defaultViewport: 'responsive',
+    },
   },
   loaders: [mswLoader],
   decorators: [

index.html

@@ -12,14 +12,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
-      content="Debate Timer - 효율적인 토론 시간 관리 도구입니다."
+      content="Debate Timer - 효율적인 토론용 타이머입니다."
+    />
+    <meta
+      name="keywords"
+      content="debate, timer, debate timer, 토론, 토론 관리, 토론 시간, 토론 타이머, 토론용 타이머"
     />
-    <meta name="keywords" content="debate, timer, 토론, 토론 관리, 토론 시간" />
     <meta property="og:title" content="Debate Timer" />
     <meta property="og:type" content="website" />
     <meta
       property="og:description"
-      content="효율적인 토론 시간 관리 도구입니다."
+      content="Debate Timer - 효율적인 토론용 타이머입니다."
     />
     <meta property="og:image" content="/debate_logo.jpg" />
     <title>Debate Timer</title>

src/apis/apis/customize.ts → src/apis/apis/debateTable.ts

@@ -1,12 +1,13 @@
-import { CustomizeDebateInfo, CustomizeTimeBoxInfo } from '../../type/type';
+import { DebateTableData } from '../../type/type';
 import { ApiUrl } from '../endpoints';
 import { request } from '../primitives';
+import { PutDebateTableRequestType } from '../requests/debateTable';
 import {
-  GetCustomizeTableResponseType,
-  PatchCustomizeTableResponseType,
-  PostCustomizeTableResponseType,
-  PutCustomizeTableResponseType,
-} from '../responses/customize';
+  GetDebateTableResponseType,
+  PatchDebateTableResponseType,
+  PostDebateTableResponseType,
+  PutDebateTableResponseType,
+} from '../responses/debateTable';
 
 // Template
 /*
@@ -26,11 +27,11 @@ export async function apiFunc(
 */
 
 // GET /api/table/customize/{tableId}
-export async function getCustomizeTableData(
+export async function getDebateTableData(
   tableId: number,
-): Promise<GetCustomizeTableResponseType> {
+): Promise<GetDebateTableResponseType> {
   const requestUrl: string = ApiUrl.customize;
-  const response = await request<GetCustomizeTableResponseType>(
+  const response = await request<GetDebateTableResponseType>(
     'GET',
     requestUrl + `/${tableId}`,
     null,
@@ -41,12 +42,12 @@ export async function getCustomizeTableData(
 }
 
 // POST /api/table/customize
-export async function postCustomizeTableData(
-  info: CustomizeDebateInfo,
-  tables: CustomizeTimeBoxInfo[],
-): Promise<PostCustomizeTableResponseType> {
+export async function postDebateTableData({
+  info,
+  table,
+}: DebateTableData): Promise<PostDebateTableResponseType> {
   const requestUrl: string = ApiUrl.customize;
-  const response = await request<PostCustomizeTableResponseType>(
+  const response = await request<PostDebateTableResponseType>(
     'POST',
     requestUrl,
     {
@@ -58,23 +59,23 @@ export async function postCustomizeTableData(
         warningBell: info.warningBell,
         finishBell: info.finishBell,
       },
-      table: tables,
+      table,
     },
     null,
   );
   return response.data;
 }
 
 // PUT /api/table/customize/{tableId}
-export async function putCustomizeTableData(
-  tableId: number,
-  info: CustomizeDebateInfo,
-  tables: CustomizeTimeBoxInfo[],
-): Promise<PutCustomizeTableResponseType> {
+export async function putDebateTableData({
+  id,
+  info,
+  table,
+}: PutDebateTableRequestType): Promise<PutDebateTableResponseType> {
   const requestUrl: string = ApiUrl.customize;
-  const response = await request<PutCustomizeTableResponseType>(
+  const response = await request<PutDebateTableResponseType>(
     'PUT',
-    requestUrl + `/${tableId}`,
+    requestUrl + `/${id}`,
     {
       info: {
         name: info.name,
@@ -84,7 +85,7 @@ export async function putCustomizeTableData(
         warningBell: info.warningBell,
         finishBell: info.finishBell,
       },
-      table: tables,
+      table,
     },
     null,
   );
@@ -93,9 +94,7 @@ export async function putCustomizeTableData(
 }
 
 // DELETE /api/table/customize/{tableId}
-export async function deleteCustomizeTableData(
-  tableId: number,
-): Promise<boolean> {
+export async function deleteDebateTableData(tableId: number): Promise<boolean> {
   const requestUrl: string = ApiUrl.customize;
   const response = await request(
     'DELETE',
@@ -108,11 +107,11 @@ export async function deleteCustomizeTableData(
 }
 
 // PATCH /api/table/customize/{tableId}/debate
-export async function patchCustomizeTableData(
+export async function patchDebateTableData(
   tableId: number,
-): Promise<PatchCustomizeTableResponseType> {
+): Promise<PatchDebateTableResponseType> {
   const requestUrl: string = ApiUrl.customize;
-  const response = await request<PatchCustomizeTableResponseType>(
+  const response = await request<PatchDebateTableResponseType>(
     'PATCH',
     requestUrl + `/${tableId}/debate`,
     null,

src/apis/requests/debateTable.ts

@@ -0,0 +1,5 @@
+import { DebateTableData } from '../../type/type';
+
+export interface PutDebateTableRequestType extends DebateTableData {
+  id: number;
+}

src/apis/responses/debateTable.ts

@@ -0,0 +1,27 @@
+import { DebateTableData } from '../../type/type';
+
+// POST /api/table/customize
+export interface PostDebateTableResponseType extends DebateTableData {
+  id: number;
+}
+
+// PUT /api/table/customize/{tableId}
+export interface PutDebateTableResponseType extends DebateTableData {
+  id: number;
+}
+
+// GET /api/table/customize/{tableId}
+export interface GetDebateTableResponseType extends DebateTableData {
+  id: number;
+}
+
+// GET /api/table/customize/{tableId}
+export interface GetDebateTableResponseType extends DebateTableData {
+  id: number;
+}
+
+// PATCH /api/table/customize/{tableId}
+
+export interface PatchDebateTableResponseType extends DebateTableData {
+  id: number;
+}