회원 불러오기 작업하는 중1

src/app/NavBar.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import MainLogoSvg from "./svgs/mainlogosvg";
 import ChevronDownSvg from "./svgs/chevrondownsvg";
 
@@ -14,6 +14,7 @@ const NAV_ITEMS = [
 
 export default function NavBar() {
   const pathname = usePathname();
+  const router = useRouter();
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
   const [userName, setUserName] = useState<string>('');
   const userMenuRef = useRef<HTMLDivElement | null>(null);
@@ -21,18 +22,35 @@ export default function NavBar() {
   const hideCenterNav = /^\/[^/]+\/review$/.test(pathname);
   const isAdminPage = pathname.startsWith('/admin');
 
-  // 사용자 정보 가져오기
+  // 사용자 정보 가져오기 및 비활성화 계정 체크
   useEffect(() => {
     let isMounted = true;
 
     async function fetchUserInfo() {
       try {
-        const token = localStorage.getItem('token');
+        // localStorage와 쿠키 모두에서 토큰 확인
+        const localStorageToken = localStorage.getItem('token');
+        const cookieToken = document.cookie
+          .split('; ')
+          .find(row => row.startsWith('token='))
+          ?.split('=')[1];
+        
+        const token = localStorageToken || cookieToken;
+        
         if (!token) {
           return;
         }
 
-        const response = await fetch('https://hrdi.coconutmeet.net/auth/me', {
+        // localStorage에 토큰이 없고 쿠키에만 있으면 localStorage에도 저장 (동기화)
+        if (!localStorageToken && cookieToken) {
+          localStorage.setItem('token', cookieToken);
+        }
+
+        const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL 
+          ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/me`
+          : 'https://hrdi.coconutmeet.net/auth/me';
+
+        const response = await fetch(apiUrl, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
@@ -44,11 +62,30 @@ export default function NavBar() {
           if (response.status === 401) {
             // 토큰이 만료되었거나 유효하지 않은 경우
             localStorage.removeItem('token');
+            document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+            // 로그인 페이지가 아닐 때만 리다이렉트
+            if (isMounted && pathname !== '/login') {
+              router.push('/login');
+            }
           }
           return;
         }
 
         const data = await response.json();
+        
+        // 계정 상태 확인
+        const userStatus = data.status || data.userStatus;
+        if (userStatus === 'INACTIVE' || userStatus === 'inactive') {
+          // 비활성화된 계정인 경우 로그아웃 처리
+          localStorage.removeItem('token');
+          document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+          // 로그인 페이지가 아닐 때만 리다이렉트
+          if (isMounted && pathname !== '/login') {
+            router.push('/login');
+          }
+          return;
+        }
+
         if (isMounted && data.name) {
           setUserName(data.name);
         }
@@ -62,7 +99,7 @@ export default function NavBar() {
     return () => {
       isMounted = false;
     };
-  }, []);
+  }, [router, pathname]);
 
   useEffect(() => {
     if (!isUserMenuOpen) return;
@@ -118,9 +155,21 @@ export default function NavBar() {
               <Link href="/menu/account" className="px-4 py-2 text-[16px] font-semibold text-white">
                 내 정보
               </Link>
-              <Link href="/login" className="px-4 py-2 text-[16px] font-semibold text-white ">
+              <button
+                type="button"
+                onClick={() => {
+                  // 로컬 스토리지에서 토큰 제거
+                  localStorage.removeItem('token');
+                  localStorage.removeItem('user');
+                  // 쿠키에서 토큰 제거
+                  document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+                  // 로그인 페이지로 리다이렉트
+                  window.location.href = '/login';
+                }}
+                className="px-4 py-2 text-[16px] font-semibold text-white cursor-pointer"
+              >
                 로그아웃
-              </Link>
+              </button>
             </>
           ) : (
             <>