[WC-63] refactor: axios 응답의 데이터 타입 명시

src/apis/auth.ts

@@ -7,7 +7,7 @@ interface UserApiType {
     name: string;
     email: string;
     password: string;
-  }) => Promise<AxiosResponse>;
+  }) => Promise<AxiosResponse<UserType>>;
   login: (userInfo: {
     email: string;
     password: string;
@@ -19,7 +19,7 @@ interface UserApiType {
   }: {
     name?: string;
     password?: string;
-  }) => Promise<AxiosResponse>;
+  }) => Promise<AxiosResponse<UserType>>;
 }
 
 const userApi: UserApiType = {

src/apis/comment.ts

@@ -1,11 +1,20 @@
 import { AxiosResponse } from 'axios';
 import { request, authRequest } from './request';
+import { CommentType } from '@/types';
 
 interface CommentApiType {
-  getCommentsByWaffleCardId: (waffleCardId: string) => Promise<AxiosResponse>;
-  getCommentById: (id: string) => Promise<AxiosResponse>;
-  createComment: (waffleCardId: string, text: string) => Promise<AxiosResponse>;
-  updateComment: (id: string, text: string) => Promise<AxiosResponse>;
+  getCommentsByWaffleCardId: (
+    waffleCardId: string,
+  ) => Promise<AxiosResponse<CommentType[]>>;
+  getCommentById: (id: string) => Promise<AxiosResponse<CommentType>>;
+  createComment: (
+    waffleCardId: string,
+    text: string,
+  ) => Promise<AxiosResponse<CommentType>>;
+  updateComment: (
+    id: string,
+    text: string,
+  ) => Promise<AxiosResponse<CommentType>>;
   deleteComment: (id: string) => Promise<AxiosResponse>;
 }
 

src/apis/like.ts

@@ -1,8 +1,9 @@
 import { AxiosResponse } from 'axios';
 import { authRequest } from './request';
+import { LikeType } from '@/types';
 
 interface LikeApiType {
-  createLike: (waffleCardId: string) => Promise<AxiosResponse>;
+  createLike: (waffleCardId: string) => Promise<AxiosResponse<LikeType>>;
   deleteLike: (waffleCardId: string) => Promise<AxiosResponse>;
 }
 

src/apis/waffleCard.ts

@@ -13,18 +13,17 @@ interface WaffleCardApiType {
     emoji,
     color,
     hashTags,
-  }: Pick<
-    WaffleCardType,
-    'emoji' | 'color' | 'hashTags'
-  >) => Promise<AxiosResponse>;
+  }: Pick<WaffleCardType, 'emoji' | 'color' | 'hashTags'>) => Promise<
+    AxiosResponse<WaffleCardType>
+  >;
   updateWaffleCard: (
     waffleCardId: string,
     {
       emoji,
       color,
       hashTags,
     }: Pick<WaffleCardType, 'emoji' | 'color' | 'hashTags'>,
-  ) => Promise<AxiosResponse>;
+  ) => Promise<AxiosResponse<WaffleCardType>>;
   deleteWaffleCard: (
     waffleCardId: Pick<WaffleCardType, 'id'>,
   ) => Promise<AxiosResponse>;

src/types/comment.ts

@@ -0,0 +1,11 @@
+export type CommentType = {
+  id: string;
+  user: {
+    id: string;
+    name: string;
+  };
+  waffleCardId: string;
+  text: string;
+  createdAt: string;
+  updatedAt: string;
+};

src/types/index.ts

@@ -1,3 +1,5 @@
 export type { UserType } from './user';
 export type { WaffleCardType } from './waffleCard';
 export type { ModalsStateType } from './modals';
+export type { CommentType } from './comment';
+export type { LikeType } from './like';

src/types/like.ts

@@ -0,0 +1,5 @@
+export type LikeType = {
+  id: string;
+  userId: string;
+  waffleCardId: string;
+};