From 5a5ab6f2e438acd4072c926c842fd5e677c26a9b Mon Sep 17 00:00:00 2001
From: soohyuniii <myungsoocc@gmail.com>
Date: Thu, 16 Oct 2025 22:26:36 +0900
Subject: [PATCH] fix: add message type to open chat

---
 src/pages/Chat.tsx    | 47 ++++++++++++++++++++++++++-----------------
 src/types/openChat.ts |  2 +-
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/pages/Chat.tsx b/src/pages/Chat.tsx
index a7d6b61..02c359c 100644
--- a/src/pages/Chat.tsx
+++ b/src/pages/Chat.tsx
@@ -76,46 +76,49 @@ const Chat = () => {
 
   const handleWebSocketMessage = useCallback(
     (wsMessage: WebSocketMessage) => {
+      console.log("📨 WebSocket 메시지 수신 처리:", wsMessage);
+
+      // 에러 메시지 처리
       if (wsMessage.type === "ERROR") {
-        // 에러 메시지 처리
         const errorMessage: Message = {
           role: "assistant",
           content: wsMessage.message,
           messageType: "system"
         };
-
-        // 중복 시스템 메시지 방지
         setMessages((prev) => {
-          const lastMessage = prev[prev.length - 1];
+          const last = prev[prev.length - 1];
           if (
-            lastMessage?.messageType === "system" &&
-            lastMessage.content === wsMessage.message
+            last?.messageType === "system" &&
+            last.content === wsMessage.message
           ) {
             return prev;
           }
           return [...prev, errorMessage];
         });
-      } else if (wsMessage.type === "NOTICE") {
-        // 시스템 알림 메시지 처리 (입장/퇴장)
-        const systemMessage: Message = {
+      }
+
+      // 입장/퇴장 알림 (NOTICE)
+      else if (wsMessage.type === "NOTICE" && wsMessage.message) {
+        const noticeMessage: Message = {
           role: "assistant",
           content: wsMessage.message,
           messageType: "system"
         };
-
-        // 중복 시스템 메시지 방지
         setMessages((prev) => {
-          const lastMessage = prev[prev.length - 1];
+          const last = prev[prev.length - 1];
           if (
-            lastMessage?.messageType === "system" &&
-            lastMessage.content === wsMessage.message
+            last?.messageType === "system" &&
+            last.content === wsMessage.message
           ) {
             return prev;
           }
-          return [...prev, systemMessage];
+          return [...prev, noticeMessage];
         });
-      } else if (
-        wsMessage.type === null &&
+      }
+
+      // 일반 채팅 메시지 (MESSAGE)
+      else if (
+        wsMessage.type === "MESSAGE" &&
         wsMessage.nickname &&
         wsMessage.message
       ) {
@@ -124,12 +127,12 @@ const Chat = () => {
           return;
         }
 
-        // 다른 사용자의 메시지만 화면에 추가
         console.log(
-          "다른 사용자 메시지 추가:",
+          "💬 다른 사용자 메시지 추가:",
           wsMessage.nickname,
           wsMessage.message
         );
+
         const newMessage: Message = {
           role: "assistant",
           content: wsMessage.message,
@@ -137,8 +140,14 @@ const Chat = () => {
           mbti: wsMessage.mbti || undefined,
           messageType: "text"
         };
+
         setMessages((prev) => [...prev, newMessage]);
       }
+
+      // 예상치 못한 메시지 형식 로그
+      else {
+        console.warn("알 수 없는 WebSocket 메시지:", wsMessage);
+      }
     },
     [nickname]
   );
diff --git a/src/types/openChat.ts b/src/types/openChat.ts
index 2542d99..b3db12e 100644
--- a/src/types/openChat.ts
+++ b/src/types/openChat.ts
@@ -36,7 +36,7 @@ export interface WebSocketRequestMessage {
 
 // 웹소켓 응답 메시지 형태
 export interface WebSocketMessage {
-  type: "ERROR" | "NOTICE" | null;
+  type: "ERROR" | "NOTICE" | "MESSAGE" | null;
   mbti: string | null;
   nickname: string | null;
   message: string;