추가

frontend/components/layout/AppHeader.vue

@@ -34,17 +34,17 @@
           </li>
           <li class="nav-item">
             <NuxtLink class="nav-link" to="/employee" active-class="active">
-              <i class="bi bi-people me-1"></i> 사원관리
+              <i class="bi bi-people me-1"></i> 직원관리
             </NuxtLink>
           </li>
         </ul>
 
         <!-- 사용자 정보 -->
         <div class="d-flex align-items-center" v-if="currentUser">
-          <span class="text-white me-3">
+          <NuxtLink to="/mypage" class="text-white text-decoration-none me-3 user-link">
             <i class="bi bi-person-circle me-1"></i>
             {{ currentUser.employeeName }}
-          </span>
+          </NuxtLink>
           <button class="btn btn-outline-light btn-sm" @click="handleLogout">
             <i class="bi bi-box-arrow-right"></i> 로그아웃
           </button>
@@ -74,4 +74,13 @@ async function handleLogout() {
 .nav-link.active {
   font-weight: 500;
 }
+.user-link {
+  cursor: pointer;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  transition: background-color 0.2s;
+}
+.user-link:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 </style>