[feat]알림 SSE기능

Author: mtm-git1018

src/domains/main/api/useSSENotification.ts

@@ -10,7 +10,6 @@ export function useSSENotification(isLoggedIn: boolean) {
     // 로그인 안 했으면 연결 안 함
     if (!isLoggedIn) {
       if (eventSourceRef.current) {
-        console.log('🔌 로그아웃으로 인한 SSE 연결 종료');
         eventSourceRef.current.close();
         eventSourceRef.current = null;
         isConnectingRef.current = false;
@@ -20,12 +19,10 @@ export function useSSENotification(isLoggedIn: boolean) {
 
     // 이미 연결 중이거나 연결되어 있으면 중복 방지
     if (isConnectingRef.current || eventSourceRef.current) {
-      console.log('⚠️ 이미 SSE 연결 중 또는 연결됨');
       return;
     }
 
     isConnectingRef.current = true;
-    console.log('🔌 SSE 연결 시작...');
 
     const eventSource = new EventSource(`${getApi}/me/subscribe`, {
       withCredentials: true,
@@ -34,30 +31,23 @@ export function useSSENotification(isLoggedIn: boolean) {
     eventSourceRef.current = eventSource;
 
     eventSource.onopen = () => {
-      console.log('✅ SSE 연결 성공!');
       isConnectingRef.current = false;
     };
 
-    eventSource.onmessage = (event) => {
-      console.log('📢 새 알림 도착:', event.data);
+    eventSource.onmessage = () => {
       setHasNewNotification(true);
     };
 
-    eventSource.onerror = (error) => {
-      console.error('❌ SSE 에러:', error);
-      console.log('연결 상태:', eventSource.readyState);
-
+    eventSource.onerror = () => {
       isConnectingRef.current = false;
 
       if (eventSource.readyState === EventSource.CLOSED) {
-        console.log('🔄 SSE 연결이 닫혔습니다');
         eventSourceRef.current = null;
       }
     };
 
     // cleanup 함수
     return () => {
-      console.log('🔌 컴포넌트 언마운트로 인한 SSE 연결 종료');
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
         eventSourceRef.current = null;

src/domains/main/components/mainSlide/components/mobile/MobileAbv.tsx

@@ -53,7 +53,10 @@ function MobileAbv() {
             <h2 className="text-xl sm:text-2xl font-black text-white">내 알콜도수 UP</h2>
             <button
               type="button"
-              className={clsx(`block z-1 duration-300 sm:hidden`, isClick ? 'rotate-[135deg]' : 'rotate-0')}
+              className={clsx(
+                `block z-1 duration-300 sm:hidden`,
+                isClick ? 'rotate-[135deg]' : 'rotate-0'
+              )}
               onClick={() => setIsClick(!isClick)}
             >
               <Add />

src/shared/components/header/HeaderBtn.tsx

@@ -6,18 +6,16 @@ import { useRouter } from 'next/navigation';
 import tw from '@/shared/utills/tw';
 import { useAuthStore } from '@/domains/shared/store/auth';
 import { setPreLoginPath } from '@/domains/shared/auth/utils/setPreLoginPath';
-import {  useState } from 'react';
+import { useState } from 'react';
 import LogoutConfirm from '@/domains/login/components/LogoutConfirm';
 import { useSSENotification } from '@/domains/main/api/useSSENotification';
 
-
 function HeaderBtn({ pathname }: { pathname: string }) {
   const { isLoggedIn } = useAuthStore();
   const router = useRouter();
   const [logoutModalOpen, setLogoutModalOpen] = useState(false);
- 
- 
-const {hasNewNotification,clearNotification} = useSSENotification(isLoggedIn)
+
+  const { hasNewNotification, clearNotification } = useSSENotification(isLoggedIn);
 
   const navButtons = [
     {
@@ -26,7 +24,7 @@ const {hasNewNotification,clearNotification} = useSSENotification(isLoggedIn)
       className: pathname === '/mypage/my-alarm' ? 'text-tertiary' : 'text-current',
       hiddenMobile: true,
       onClick: () => {
-        clearNotification()
+        clearNotification();
         router.push('/mypage/my-alarm');
       },
       showBadge: true,