From da04707fdbc8a3f01f71ddab5b686c5f6b477d6a Mon Sep 17 00:00:00 2001
From: manNomi <hanmw110@naver.com>
Date: Sun, 3 May 2026 23:48:21 +0900
Subject: [PATCH] =?UTF-8?q?fix(web):=20=EC=B1=84=ED=8C=85=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EC=97=85=EB=A1=9C=EB=93=9C=EB=A5=BC=20Bru?=
 =?UTF-8?q?no=20=EB=AA=85=EC=84=B8(/file/chat)=EC=99=80=20=EB=8F=99?=
 =?UTF-8?q?=EA=B8=B0=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/apis/image-upload/api.ts         | 23 +++++++++++++++++--
 apps/web/src/apis/image-upload/index.ts       |  8 ++++++-
 .../apis/image-upload/postUploadChatImages.ts | 13 +++++++++++
 .../chat/[chatId]/_ui/ChatContent/index.tsx   | 10 +++-----
 4 files changed, 44 insertions(+), 10 deletions(-)
 create mode 100644 apps/web/src/apis/image-upload/postUploadChatImages.ts

diff --git a/apps/web/src/apis/image-upload/api.ts b/apps/web/src/apis/image-upload/api.ts
index 793b78cd..b65e6325 100644
--- a/apps/web/src/apis/image-upload/api.ts
+++ b/apps/web/src/apis/image-upload/api.ts
@@ -14,6 +14,10 @@ export interface UploadProfileImageResponse {
   fileUrl: string;
 }
 
+export interface UploadChatImageResponse {
+  fileUrl: string;
+}
+
 export interface UploadGpaReportResponse {
   fileUrl: string;
 }
@@ -44,17 +48,32 @@ export const imageUploadApi = {
   },
 
   /**
-   * 채팅 이미지 업로드 (로그인 후)
+   * 프로필 이미지 업로드 (로그인 후)
    */
   postUploadProfileImage: async (file: File): Promise<UploadProfileImageResponse> => {
     const formData = new FormData();
     formData.append("file", file);
-    const res = await axiosInstance.post<UploadProfileImageResponse>(`/file/chat/post`, formData, {
+    const res = await axiosInstance.post<UploadProfileImageResponse>(`/file/profile/post`, formData, {
       headers: { "Content-Type": "multipart/form-data" },
     });
     return res.data;
   },
 
+  /**
+   * 채팅 이미지 업로드 (로그인 후)
+   */
+  postUploadChatImages: async (files: File[]): Promise<string[]> => {
+    const formData = new FormData();
+    files.forEach((file) => {
+      formData.append("files", file);
+    });
+
+    const res = await axiosInstance.post<UploadChatImageResponse[]>(`/file/chat`, formData, {
+      headers: { "Content-Type": "multipart/form-data" },
+    });
+    return res.data.map((image) => image.fileUrl);
+  },
+
   /**
    * 프로필 이미지 업로드 (회원가입 전, 공개 API)
    */
diff --git a/apps/web/src/apis/image-upload/index.ts b/apps/web/src/apis/image-upload/index.ts
index d6ee6647..601ad158 100644
--- a/apps/web/src/apis/image-upload/index.ts
+++ b/apps/web/src/apis/image-upload/index.ts
@@ -1,7 +1,13 @@
-export type { UploadGpaReportResponse, UploadLanguageTestReportResponse, UploadProfileImageResponse } from "./api";
+export type {
+  UploadChatImageResponse,
+  UploadGpaReportResponse,
+  UploadLanguageTestReportResponse,
+  UploadProfileImageResponse,
+} from "./api";
 export { imageUploadApi } from "./api";
 
 export { default as useSlackNotification } from "./postSlackNotification";
+export { default as useUploadChatImages } from "./postUploadChatImages";
 export { default as useUploadGpaReport } from "./postUploadGpaReport";
 export { default as useUploadLanguageTestReport } from "./postUploadLanguageTestReport";
 export { default as useUploadProfileImage } from "./postUploadProfileImage";
diff --git a/apps/web/src/apis/image-upload/postUploadChatImages.ts b/apps/web/src/apis/image-upload/postUploadChatImages.ts
new file mode 100644
index 00000000..60325642
--- /dev/null
+++ b/apps/web/src/apis/image-upload/postUploadChatImages.ts
@@ -0,0 +1,13 @@
+import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
+import { SKIP_GLOBAL_ERROR_TOAST_META } from "@/lib/react-query/errorToastMeta";
+import { imageUploadApi } from "./api";
+
+const useUploadChatImages = () => {
+  return useMutation<string[], AxiosError, File[]>({
+    mutationFn: (files) => imageUploadApi.postUploadChatImages(files),
+    meta: SKIP_GLOBAL_ERROR_TOAST_META,
+  });
+};
+
+export default useUploadChatImages;
diff --git a/apps/web/src/app/mentor/chat/[chatId]/_ui/ChatContent/index.tsx b/apps/web/src/app/mentor/chat/[chatId]/_ui/ChatContent/index.tsx
index 59169586..d9b4ae77 100644
--- a/apps/web/src/app/mentor/chat/[chatId]/_ui/ChatContent/index.tsx
+++ b/apps/web/src/app/mentor/chat/[chatId]/_ui/ChatContent/index.tsx
@@ -4,7 +4,7 @@ import clsx from "clsx";
 import Link from "next/link";
 import { toast } from "react-hot-toast";
 import { useGetPartnerInfo } from "@/apis/chat";
-import { useUploadProfileImage } from "@/apis/image-upload";
+import { useUploadChatImages } from "@/apis/image-upload";
 import ProfileWithBadge from "@/components/ui/ProfileWithBadge";
 import useAuthStore from "@/lib/zustand/useAuthStore";
 import { ConnectionStatus } from "@/types/chat";
@@ -49,7 +49,7 @@ const ChatContent = ({ chatId }: ChatContentProps) => {
     addImageMessagePreview,
   } = useChatListHandler(chatId);
 
-  const uploadProfileImageMutation = useUploadProfileImage();
+  const uploadChatImagesMutation = useUploadChatImages();
 
   const { data: partnerInfo } = useGetPartnerInfo(chatId);
 
@@ -181,11 +181,7 @@ const ChatContent = ({ chatId }: ChatContentProps) => {
         }}
         onSendImages={async (data) => {
           try {
-            const uploadedImages = await Promise.all(
-              data.images.map((image) => uploadProfileImageMutation.mutateAsync(image)),
-            );
-
-            const imageUrls = uploadedImages.map((image) => image.fileUrl);
+            const imageUrls = await uploadChatImagesMutation.mutateAsync(data.images);
             const isSent = sendImageMessage(imageUrls);
 
             if (!isSent) {