feat: add user leave api when socket disconnected

src/apis/Chat/Socket.ts

@@ -1,6 +1,8 @@
 import { Stomp } from "@stomp/stompjs";
 import SockJS from "sockjs-client";
 
+import { createRequestOptionsJSON_AUTH, fetchApi } from "@/apis/_createRequestOptions";
+
 export const SocketConnect = (
   stompClient: any,
   chatRoomId: string,
@@ -13,6 +15,7 @@ export const SocketConnect = (
   if (!token || !stompClient.current.onConnect) {
     //로그인 오류 처리
     //alert("로그인이 필요합니다.");
+    console.log("!token || !stompClient.current.onConnect, 로그인 오류");
     return;
   }
 
@@ -37,3 +40,14 @@ export const SocketDisconnect = (stompClient: any) => {
     stompClient.current.disconnect();
   }
 };
+
+/** */
+export const ChatroomLeave = async (chatRoomId: number) => {
+  const requestOptions = createRequestOptionsJSON_AUTH("POST");
+  const spaceId = Number(localStorage.getItem("spaceId"));
+  if (!requestOptions || !spaceId) return null;
+
+  const url = `${import.meta.env.VITE_API_BACK_URL}/space/${spaceId}/chat/${chatRoomId}/leave`;
+
+  return await fetchApi(url, requestOptions);
+};

src/apis/index.ts

@@ -19,3 +19,5 @@ export * from "@/apis/Space/SpaceSearchAllUserApi";
 export * from "@/apis/Space/SpaceSearchUserProfile";
 export * from "@/apis/Space/SpaceSelectApi";
 export * from "@/apis/Space/SpaceUserJoinApi";
+
+export * from "@/apis/_createRequestOptions";

src/pages/ChatPage/ChattingPage/ChattingPage.tsx

@@ -8,6 +8,7 @@ import {
   ChatPay,
   ChatPost,
   Chatroom,
+  ChatroomLeave,
   ChatSendRequestFrame,
   ChatText,
   SocketConnect,
@@ -78,8 +79,11 @@ const ChattingPage = () => {
     });
 
     SocketConnect(stompClient, param.id || "", handleChatMessage);
-    return () => SocketDisconnect(stompClient);
-  }, [param.id, spaceId]);
+    return () => {
+      SocketDisconnect(stompClient);
+      ChatroomLeave(chatroomInfo.id).then((res) => console.log(res)); //사용자 채팅방 떠남 알려주기 (unsubscribe..?)
+    };
+  }, [param.id, spaceId, chatroomInfo.id]);
 
   //
   //