[EA3-111] feature : data.sql comment 문 주석처리 및 그룹채팅 테스트 위한 html 파일 생성

dbrkdgus00 · dbrkdgus00 · commit c80ba9b2b431 · 2025-07-22T19:51:44.000+09:00
diff --git a/src/main/resources/data.sql b/src/main/resources/data.sql
@@ -16,11 +16,11 @@ INSERT INTO study_post (study_id, user_id, title, category, content) VALUES (4,
 INSERT INTO study_post (study_id, user_id, title, category, content) VALUES (2, 2, '개발 유튜브 공유', 'FREE', '재미니의 개발실무 ( 토스 ); 개발바닥');
 INSERT INTO study_post (study_id, user_id, title, category, content) VALUES (5, 5, '점심 메뉴 추천', 'FREE', '오늘 점심 뭐먹을지 추천 받습니다!');
 
-INSERT INTO comment (post_id, user_id, content) VALUES (5, 4, '확인 했습니다!');
-INSERT INTO comment (post_id, user_id, content) VALUES (5, 4, '좋은 정보 감사합니다!');
-INSERT INTO comment (post_id, user_id, content) VALUES (3, 2, '관련된 블로그 공유 드립니다!');
-INSERT INTO comment (post_id, user_id, content) VALUES (2, 5, '정보 감사합니다!');
-INSERT INTO comment (post_id, user_id, content) VALUES (4, 1, '제육 돈까스');
+-- INSERT INTO comment (post_id, user_id, content) VALUES (5, 4, '확인 했습니다!');
+-- INSERT INTO comment (post_id, user_id, content) VALUES (5, 4, '좋은 정보 감사합니다!');
+-- INSERT INTO comment (post_id, user_id, content) VALUES (3, 2, '관련된 블로그 공유 드립니다!');
+-- INSERT INTO comment (post_id, user_id, content) VALUES (2, 5, '정보 감사합니다!');
+-- INSERT INTO comment (post_id, user_id, content) VALUES (4, 1, '제육 돈까스');
 
 INSERT INTO study_member (study_id, user_id, role, participated) VALUES (1, 3, 'LEADER', FALSE);
 INSERT INTO study_member (study_id, user_id, role, participated) VALUES (1, 4, 'MEMBER', FALSE);
diff --git a/src/main/resources/static/Chat-Test.html b/src/main/resources/static/Chat-Test.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <title>그룹 채팅 로컬 테스트</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.5.1/sockjs.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
+</head>
+<body>
+<h2>그룹 채팅 테스트 (로컬 서버)</h2>
+
+<div>
+  <label>Room ID: </label>
+  <input type="number" id="roomId" value="1">
+  <label>Sender ID: </label>
+  <input type="number" id="senderId" value="10">
+  <button onclick="connect()">연결하기</button>
+  <button onclick="disconnect()">연결 해제</button>
+</div>
+
+<hr>
+
+<div>
+  <input type="text" id="messageInput" placeholder="메시지를 입력하세요" style="width: 300px;">
+  <button onclick="sendMessage()">전송</button>
+</div>
+
+<h3>채팅 로그</h3>
+<ul id="chatList"></ul>
+
+<script>
+  let stompClient = null;
+  let currentRoomId = null;
+
+  function connect() {
+    const roomId = document.getElementById("roomId").value || 1;
+    currentRoomId = roomId;
+
+    // 로컬 서버용 WebSocket 엔드포인트
+    const socket = new SockJS("http://localhost:8083/ws-stomp");
+    stompClient = Stomp.over(socket);
+
+    stompClient.connect({}, function (frame) {
+      console.log("WebSocket 연결 성공:", frame);
+      alert("채팅방 " + roomId + "에 연결되었습니다!");
+
+      // 채팅방 구독
+      stompClient.subscribe(`/sub/chat/room/${roomId}`, function (message) {
+        const chat = JSON.parse(message.body);
+        showMessage(chat.senderNickname + ": " + chat.message);
+      });
+    });
+  }
+
+  function sendMessage() {
+    const messageContent = document.getElementById("messageInput").value;
+    const senderId = document.getElementById("senderId").value || 10;
+
+    if (stompClient && stompClient.connected) {
+      stompClient.send("/pub/chat/message", {}, JSON.stringify({
+        roomId: currentRoomId,
+        senderId: senderId,
+        message: messageContent
+      }));
+      document.getElementById("messageInput").value = "";
+    } else {
+      alert("WebSocket이 연결되지 않았습니다.");
+    }
+  }
+
+  function disconnect() {
+    if (stompClient) {
+      stompClient.disconnect(() => {
+        alert("연결이 해제되었습니다.");
+      });
+    }
+  }
+
+  function showMessage(message) {
+    const li = document.createElement("li");
+    li.textContent = message;
+    document.getElementById("chatList").appendChild(li);
+  }
+</script>
+</body>
+</html>
