회원가입 api

src/app/NavBar.tsx

@@ -15,11 +15,55 @@ const NAV_ITEMS = [
 export default function NavBar() {
   const pathname = usePathname();
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
+  const [userName, setUserName] = useState<string>('');
   const userMenuRef = useRef<HTMLDivElement | null>(null);
   const userButtonRef = useRef<HTMLButtonElement | null>(null);
   const hideCenterNav = /^\/[^/]+\/review$/.test(pathname);
   const isAdminPage = pathname.startsWith('/admin');
 
+  // 사용자 정보 가져오기
+  useEffect(() => {
+    let isMounted = true;
+
+    async function fetchUserInfo() {
+      try {
+        const token = localStorage.getItem('token');
+        if (!token) {
+          return;
+        }
+
+        const response = await fetch('https://hrdi.coconutmeet.net/auth/me', {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${token}`,
+          },
+        });
+
+        if (!response.ok) {
+          if (response.status === 401) {
+            // 토큰이 만료되었거나 유효하지 않은 경우
+            localStorage.removeItem('token');
+          }
+          return;
+        }
+
+        const data = await response.json();
+        if (isMounted && data.name) {
+          setUserName(data.name);
+        }
+      } catch (error) {
+        console.error('사용자 정보 조회 오류:', error);
+      }
+    }
+
+    fetchUserInfo();
+
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+
   useEffect(() => {
     if (!isUserMenuOpen) return;
     const onDown = (e: MouseEvent) => {
@@ -91,7 +135,7 @@ export default function NavBar() {
                 aria-expanded={isUserMenuOpen}
                 className="flex items-center gap-1 px-4 py-2 text-[16px] font-semibold text-white cursor-pointer"
               >
-                김이름
+                {userName || '사용자'}
                 <ChevronDownSvg
                   width={16}
                   height={16}