Merge pull request #139 from part3-4team-Taskify/feature/Gnb

[Fix] 배포 에러: POST api 한정, apiRoutes 사용 시 에러 발생, fix

Author: MINJI121

package-lock.json

@@ -41,6 +41,6 @@
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "tailwindcss": "^4.0.14",
-    "typescript": "^5"
+    "typescript": "^5.8.2"
   }
 }

package.json

@@ -1,6 +1,6 @@
 import axiosInstance from "./axiosInstance";
-import { apiRoutes } from "./apiRoutes";
 import { UserType } from "@/types/users";
+import { TEAM_ID } from "@/constants/team";
 
 interface AuthResponse extends UserType {
   accessToken: string;
@@ -13,10 +13,13 @@ export const postAuthData = async ({
   email: string;
   password: string;
 }) => {
-  const response = await axiosInstance.post<AuthResponse>(apiRoutes.login(), {
-    email,
-    password,
-  });
+  const response = await axiosInstance.post<AuthResponse>(
+    `${TEAM_ID}/auth/login`,
+    {
+      email,
+      password,
+    }
+  );
 
   return response.data;
 };

src/api/auth.ts

@@ -1,6 +1,7 @@
 import axiosInstance from "./axiosInstance";
 import type { CardDetailType } from "@/types/cards"; // Dashboard 타입 import
 import { apiRoutes } from "@/api/apiRoutes";
+import { TEAM_ID } from "@/constants/team";
 
 /** 1. 카드 이미지 업로드 */
 export const uploadCardImage = async ({
@@ -14,7 +15,7 @@ export const uploadCardImage = async ({
   formData.append("image", imageFile);
 
   const response = await axiosInstance.post(
-    apiRoutes.columnCardImage(columnId),
+    `/${TEAM_ID}/columns/${columnId}/card-image`,
     formData,
     {
       headers: {
@@ -46,7 +47,7 @@ export const createCard = async ({
   tags: string[];
   imageUrl?: string;
 }) => {
-  const response = await axiosInstance.post(apiRoutes.cards(), {
+  const response = await axiosInstance.post(`/${TEAM_ID}/cards`, {
     assigneeUserId,
     dashboardId,
     columnId,

src/api/card.ts

@@ -1,6 +1,7 @@
 import { ColumnType } from "@/types/task";
 import axiosInstance from "./axiosInstance";
 import { apiRoutes } from "./apiRoutes";
+import { TEAM_ID } from "@/constants/team";
 
 // 칼럼 생성
 export const createColumn = async ({
@@ -10,7 +11,7 @@ export const createColumn = async ({
   title: string;
   dashboardId: number;
 }): Promise<ColumnType> => {
-  const res = await axiosInstance.post(apiRoutes.columns(), {
+  const res = await axiosInstance.post(`/${TEAM_ID}/columns`, {
     title,
     dashboardId,
   });

src/api/columns.ts

@@ -5,10 +5,11 @@ import {
   UpdateCommenttype,
   DeleteCommentParams,
 } from "../types/comments";
+import { TEAM_ID } from "@/constants/team";
 
 // 댓글 생성
 export const createComment = async (data: CreateCommentType) => {
-  const response = await axiosInstance.post(apiRoutes.comments(), data);
+  const response = await axiosInstance.post(`/${TEAM_ID}/comments`, data);
   return response.data;
 };
 

src/api/comment.ts

@@ -1,5 +1,6 @@
 import axiosInstance from "./axiosInstance";
 import { apiRoutes } from "./apiRoutes";
+import { TEAM_ID } from "@/constants/team";
 
 export interface Dashboard {
   id: number;
@@ -19,7 +20,7 @@ export const createDashboard = async ({
   title: string;
   color: string;
 }) => {
-  const res = await axiosInstance.post(apiRoutes.dashboards(), {
+  const res = await axiosInstance.post(`/${TEAM_ID}/dashboards`, {
     title,
     color,
   });
@@ -30,7 +31,7 @@ export const createDashboard = async ({
 export const getDashboards = async ({
   navigationMethod = "pagination",
   page = 1,
-  size = 10,
+  size = 100,
 }: {
   navigationMethod?: "pagination";
   page?: number;

src/api/dashboards.ts

@@ -2,6 +2,7 @@ import axiosInstance from "./axiosInstance";
 import { apiRoutes } from "./apiRoutes";
 import { UpdateUser, UserMeImage } from "@/types/users";
 import { UserType } from "@/types/users";
+import { TEAM_ID } from "@/constants/team";
 
 interface SignUpRequest {
   email: string;
@@ -12,7 +13,7 @@ interface SignUpRequest {
 // 회원가입 (POST)
 export const signUp = async ({ payload }: { payload: SignUpRequest }) => {
   const response = await axiosInstance.post<SignUpRequest>(
-    apiRoutes.users(),
+    `/${TEAM_ID}/users`,
     payload
   );
   return response.data;
@@ -38,10 +39,14 @@ export const updateProfile = async (data: UpdateUser) => {
 export const uploadProfileImage = async (
   formData: FormData
 ): Promise<UserMeImage> => {
-  const response = await axiosInstance.post(apiRoutes.userMeImage(), formData, {
-    headers: {
-      "Content-Type": "multipart/form-data",
-    },
-  });
+  const response = await axiosInstance.post(
+    `/${TEAM_ID}/users/me/image`,
+    formData,
+    {
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+    }
+  );
   return response.data;
 };