ㄱㄱㄱ

src/app/NavBar.tsx

@@ -4,6 +4,7 @@ import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
 import { usePathname } from "next/navigation";
 import MainLogoSvg from "./svgs/mainlogosvg";
+import ChevronDownSvg from "./svgs/chevrondownsvg";
 
 const NAV_ITEMS = [
   { label: "교육 과정 목록", href: "/menu" },
@@ -77,12 +78,14 @@ export default function NavBar() {
             onClick={() => setIsUserMenuOpen((v) => !v)}
             aria-haspopup="menu"
             aria-expanded={isUserMenuOpen}
-            className="flex items-center gap-1 px-4 py-2 text-[16px] font-semibold text-white"
+            className="flex items-center gap-1 px-4 py-2 text-[16px] font-semibold text-white cursor-pointer"
           >
             김이름
-            <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden className="-rotate-90">
-              <path d="M8 5l8 7-8 7" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-            </svg>
+            <ChevronDownSvg
+              width={16}
+              height={16}
+              className={["transition-transform", isUserMenuOpen ? "rotate-180" : "rotate-0"].join(" ")}
+            />
           </button>
           {isUserMenuOpen && (
             <div
@@ -91,12 +94,14 @@ export default function NavBar() {
               aria-label="사용자 메뉴"
               className="absolute right-0 top-full mt-2 bg-white rounded-lg shadow-[0_0_8px_0_rgba(0,0,0,0.25)] p-3 z-50"
             >
-              <button
+              <Link
                 role="menuitem"
-                className="w-full h-10 px-2 rounded-lg text-left text-[#333C47] text-[16px] font-medium leading-normal hover:bg-[rgba(236,240,255,0.5)] focus:bg-[rgba(236,240,255,0.5)] outline-none"
+                href="/menu/account"
+                className="block w-full h-10 px-2 rounded-lg text-left text-[#333C47] text-[16px] font-medium leading-normal hover:bg-[rgba(236,240,255,0.5)] focus:bg-[rgba(236,240,255,0.5)] outline-none"
+                onClick={() => setIsUserMenuOpen(false)}
               >
                 내 정보 수정
-              </button>
+              </Link>
               <button
                 role="menuitem"
                 className="w-full h-10 px-2 rounded-lg text-left text-[#333C47] text-[16px] font-medium leading-normal hover:bg-[rgba(236,240,255,0.5)] focus:bg-[rgba(236,240,255,0.5)] outline-none"