feat : 알림 웹 소켓 구현 (#18)

Author: seoyeonson

src/pages/Home.jsx

@@ -71,30 +71,6 @@ useEffect(() => {
  }
  };
 }, []);
-
- // useEffect(() => {
- // const fetchNotifications = async () => {
- // try {
- // const response = await fetch('/api/notifications', { credentials: 'include' });
- // if (!response.ok) {
- // throw new Error('알림 데이터를 가져오는데 실패했습니다');
- // }
-
- // const data = await response.json();
- // console.log(data.data);
- // setNotifications(data.data);
-
- // // 새로운 알림이 있는지 확인
- // if (data.length > 0) {
- // setHasNewNotification(true);
- // }
- // } catch (error) {
- // console.error('알림 데이터 가져오기 오류:', error);
- // }
- // };
-
- // fetchNotifications();
- // }, []);
 
  useEffect(() => {
  const fetchCommitData = async () => {

src/services/NotiService.js

@@ -63,16 +63,16 @@ const NotiService = {
  getNotis: async () => {
  try {
  const url = `/api/notifications`;
- console.log('Fetching messages from:', url);
+ console.log('Fetching Notis from:', url);
  const response = await apiClient.get(url);
  console.log('Noti response:', response);
  return response;
  } catch (error) {
- console.error('Error fetching messages:', error);
+ console.error('Error fetching Notis:', error);
 
  // 다른 종류의 에러인 경우 빈 메시지 목록 반환
  if (error.status === 500) {
- console.log('Server error, returning empty messages');
+ console.log('Server error, returning empty Notis');
  return {
  success: true,
  message: "알림을 불러오는데 문제가 발생했습니다.",

src/services/WebSocketService.js

@@ -236,7 +236,7 @@ class WebSocketService {
  try {
  console.log('Subscribing to notification channel...');
 
- const notificationSubscription = this.stompClient.subscribe(`/sub/notification`, (message) => {
+ const notificationSubscription = this.stompClient.subscribe(`/topic/notification`, (message) => {
  try {
  console.log('Received notification:', message);
  const notification = JSON.parse(message.body);