회원 접속일과 콘텐츠 활동일을 분리한다

frontend/src/components/admin/AdminUsersSection.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   canDeleteUser: { type: Function, required: true },
   roleLabelOf: { type: Function, required: true },
   fmt: { type: Function, required: true },
+  openUserProfile: { type: Function, required: true },
   openUserDeleteModal: { type: Function, required: true },
   openUserEditModal: { type: Function, required: true },
   deleteIcon: { type: String, required: true },
@@ -53,7 +54,8 @@ const userSortDirectionModel = computed({
     <div class="toolbar toolbar--secondary">
       <input v-model="userQueryModel" class="input toolbar__search" placeholder="이메일, 닉네임 검색" @keydown.enter.prevent="props.submitUserFilters" />
       <select v-model="userSortModel" class="select toolbar__select" @change="props.submitUserFilters">
-        <option value="recent">최근 활동순</option>
+        <option value="recent">최근 콘텐츠 활동순</option>
+        <option value="lastLogin">마지막 접속순</option>
         <option value="created">가입순</option>
         <option value="tierlists">작성 티어표 많은 순</option>
         <option value="followers">팔로워 많은 순</option>
@@ -114,7 +116,8 @@ const userSortDirectionModel = computed({
           <div class="userInfoLine"><span>작성 티어표</span><strong>{{ user.tierListCount }}개</strong></div>
           <div class="userInfoLine"><span>팔로워</span><strong>{{ user.followerCount || 0 }}명</strong></div>
           <div class="userInfoLine"><span>받은 즐겨찾기</span><strong>{{ user.receivedFavoriteCount || 0 }}개</strong></div>
-          <div class="userInfoLine"><span>최근 활동</span><strong>{{ props.fmt(user.recentActivityAt || user.createdAt) }}</strong></div>
+          <div class="userInfoLine"><span>최근 콘텐츠 활동</span><strong>{{ props.fmt(user.recentActivityAt || user.createdAt) }}</strong></div>
+          <div class="userInfoLine"><span>마지막 접속일</span><strong>{{ user.lastLoginAt ? props.fmt(user.lastLoginAt) : '기록 없음' }}</strong></div>
           <div class="userInfoLine"><span>계정명</span><strong>{{ user.email }}</strong></div>
           <div class="userInfoLine"><span>닉네임</span><strong>{{ user.nickname || '미설정' }}</strong></div>
           <div class="userInfoLine"><span>권한</span><strong>{{ props.roleLabelOf(user) }}</strong></div>
@@ -138,6 +141,13 @@ const userSortDirectionModel = computed({
           >
             회원 정보 수정
           </button>
+          <button
+            class="btn btn--ghost userSaveButton"
+            type="button"
+            @click="props.openUserProfile(user)"
+          >
+            프로필 보기
+          </button>
         </div>
       </article>
     </div>

frontend/src/views/AdminView.vue

@@ -2,7 +2,7 @@
 import { Teleport, computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { api } from '../lib/api'
-import { editorPath } from '../lib/paths'
+import { editorPath, userProfilePath } from '../lib/paths'
 import { toApiUrl } from '../lib/runtime'
 import deleteIcon from '../assets/icons/delete.svg'
 import SvgIcon from '../components/SvgIcon.vue'
@@ -1708,6 +1708,11 @@ function userAvatarFallback(user) {
   return (user?.email?.trim()?.[0] || '?').toUpperCase()
 }
 
+function openUserProfile(user) {
+  if (!user?.id) return
+  router.push(userProfilePath(user.id))
+}
+
 </script>
 
 <template>
@@ -1846,6 +1851,7 @@ function userAvatarFallback(user) {
               :can-delete-user="canDeleteUser"
               :role-label-of="roleLabelOf"
               :fmt="fmt"
+              :open-user-profile="openUserProfile"
               :open-user-delete-modal="openUserDeleteModal"
               :open-user-edit-modal="openUserEditModal"
               :delete-icon="deleteIcon"