feat: 드라이브를 전사 공유 드라이브로 전환하고 전역 감사 로그 추가

개인별 격리(owner 기준)를 제거해 로그인 사용자 전원이 하나의 공유
트리를 보고 관리하도록 전환한다. 수정/삭제는 전원 허용하며, 행위
추적을 위해 전역 감사 로그(drive_activities, GET /drive/activity)를
추가한다. 업로더 탈퇴 시 공유 파일이 사라지지 않도록 owner FK를
CASCADE에서 SET NULL로 변경한다.

- 백엔드: 접근 권한 해석 제거(단순 로더화), 업로드/이름변경/삭제
  6지점에 감사 적재, DriveAuditService 신설, 운영 마이그레이션
  1783200000000 추가
- 프론트: 목록 행에 업로더 표시, 툴바 '기록' 패널 추가
- 프로젝트 폴더 연동의 '본인 소유 폴더만' 제한 해제(공유 모델 일관성)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/composables/useDrive.ts

@@ -1,5 +1,6 @@
 import { useApi } from './useApi'
 import type {
+  DriveActivityPage,
   DriveFile,
   DriveFolder,
   DriveList,
@@ -58,6 +59,16 @@ export function useDrive() {
     await api.delete(`/drive/files/${id}`)
   }
 
+  // 감사 로그(최신순, 페이지네이션)
+  async function listActivity(
+    page = 1,
+    size = 20,
+  ): Promise<DriveActivityPage> {
+    return (await api.get('/drive/activity', {
+      params: { page, size },
+    })) as unknown as DriveActivityPage
+  }
+
   return {
     list,
     createFolder,
@@ -68,5 +79,6 @@ export function useDrive() {
     getDownloadUrl,
     renameFile,
     deleteFile,
+    listActivity,
   }
 }

frontend/src/pages/relay/DrivePage.vue

@@ -6,6 +6,8 @@ import { watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import AppShell from '@/layouts/AppShell.vue'
 import EmptyState from '@/components/common/EmptyState.vue'
+import BaseModal from '@/components/common/BaseModal.vue'
+import LoadMore from '@/components/common/LoadMore.vue'
 import DriveNameModal from '@/components/drive/DriveNameModal.vue'
 import { useDriveStore } from '@/stores/drive.store'
 import { useDialog } from '@/composables/useDialog'
@@ -16,14 +18,25 @@ import {
   isAllowedDriveMime,
   resolveMimeType,
 } from '@/shared/utils/drive'
-import type { DriveFile, DriveFolder } from '@/types/drive'
+import type { DriveActivity, DriveFile, DriveFolder } from '@/types/drive'
 
 const route = useRoute()
 const router = useRouter()
 const store = useDriveStore()
 const dialog = useDialog()
-const { current, breadcrumb, folders, files, loading, uploads, itemCount, isEmpty } =
-  storeToRefs(store)
+const {
+  current,
+  breadcrumb,
+  folders,
+  files,
+  loading,
+  uploads,
+  itemCount,
+  isEmpty,
+  activities,
+  activityLoading,
+  hasMoreActivity,
+} = storeToRefs(store)
 
 // 로컬 상태 — 검색(현재 폴더 내), 모달, 드래그, 파일 입력
 const keyword = ref('')
@@ -168,6 +181,63 @@ watch(
   },
   { immediate: true },
 )
+
+// --- 기록(감사 로그) 패널 ---
+const showActivity = ref(false)
+function openActivity(): void {
+  showActivity.value = true
+  void store.fetchActivity() // 열 때마다 최신으로 갱신
+}
+
+// payload(자유형) 안전 추출
+function ps(payload: Record<string, unknown>, key: string): string {
+  const v = payload[key]
+  return typeof v === 'string' ? v : ''
+}
+// 행위자 표시명(탈퇴 시 대체 문구)
+function actorName(a: DriveActivity): string {
+  return a.actor?.name ?? '(탈퇴한 사용자)'
+}
+// 행위 문구 조립 — 대상 이름을 강조하기 위해 앞/대상/뒤 3토막으로 반환
+function actionParts(a: DriveActivity): { pre: string; target: string; post: string } {
+  const p = a.payload
+  switch (a.type) {
+    case 'file_uploaded':
+      return { pre: '파일 ', target: ps(p, 'name'), post: '을(를) 업로드했습니다' }
+    case 'file_deleted':
+      return { pre: '파일 ', target: ps(p, 'name'), post: '을(를) 삭제했습니다' }
+    case 'file_renamed':
+      return {
+        pre: '파일 이름을 ',
+        target: `${ps(p, 'fromName')} → ${ps(p, 'toName')}`,
+        post: '(으)로 변경했습니다',
+      }
+    case 'folder_created':
+      return { pre: '폴더 ', target: ps(p, 'name'), post: '을(를) 만들었습니다' }
+    case 'folder_deleted': {
+      const cnt = typeof p.fileCount === 'number' ? p.fileCount : 0
+      return {
+        pre: '폴더 ',
+        target: ps(p, 'name'),
+        post: `을(를) 삭제했습니다 (파일 ${cnt}개 포함)`,
+      }
+    }
+    case 'folder_renamed':
+      return {
+        pre: '폴더 이름을 ',
+        target: `${ps(p, 'fromName')} → ${ps(p, 'toName')}`,
+        post: '(으)로 변경했습니다',
+      }
+    default:
+      return { pre: '', target: '', post: '' }
+  }
+}
+// 타입별 아이콘 톤(업로드/생성=accent, 삭제=danger, 이름변경=muted)
+function actionTone(type: DriveActivity['type']): 'up' | 'del' | 'edit' {
+  if (type === 'file_deleted' || type === 'folder_deleted') return 'del'
+  if (type === 'file_renamed' || type === 'folder_renamed') return 'edit'
+  return 'up'
+}
 </script>
 
 <template>
@@ -210,7 +280,7 @@ watch(
         <span class="count-pill">{{ itemCount }}</span>
       </div>
       <p class="lede">
-        파일과 폴더를 저장하고 관리하세요. 파일을 이 영역에 끌어다 놓아 업로드할 수 있습니다.
+        전사 공유 드라이브입니다. 모든 구성원이 함께 보고 관리하며, 추가·이름변경·삭제 기록은 ‘기록’에서 확인할 수 있습니다.
       </p>
 
       <!-- 툴바 -->
@@ -238,6 +308,28 @@ watch(
             aria-label="현재 폴더 내 검색"
           >
         </div>
+        <button
+          class="btn"
+          type="button"
+          @click="openActivity"
+        >
+          <svg
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <circle
+              cx="12"
+              cy="12"
+              r="9"
+            />
+            <path d="M12 7v5l3 2" />
+          </svg>
+          기록
+        </button>
         <button
           class="btn"
           type="button"
@@ -358,7 +450,7 @@ watch(
               </span>
               <span class="dr-main">
                 <span class="dr-name">{{ f.name }}</span>
-                <span class="dr-meta">폴더 · {{ relativeTimeKo(f.updatedAt) }}</span>
+                <span class="dr-meta">폴더<template v-if="f.owner"> · {{ f.owner.name }}</template> · {{ relativeTimeKo(f.updatedAt) }}</span>
               </span>
             </button>
             <span class="dr-actions">
@@ -413,7 +505,7 @@ watch(
               >{{ fileBadgeOf(f.name).label }}</span>
               <span class="dr-main">
                 <span class="dr-name">{{ f.name }}</span>
-                <span class="dr-meta">{{ formatBytes(f.size) }} · {{ relativeTimeKo(f.updatedAt) }}</span>
+                <span class="dr-meta">{{ formatBytes(f.size) }}<template v-if="f.owner"> · {{ f.owner.name }}</template> · {{ relativeTimeKo(f.updatedAt) }}</span>
               </span>
             </button>
             <span class="dr-actions">
@@ -500,6 +592,48 @@ watch(
       @save="onModalSave"
       @close="modal = null"
     />
+
+    <!-- 기록(감사 로그) 패널 -->
+    <BaseModal
+      v-if="showActivity"
+      title="드라이브 기록"
+      @close="showActivity = false"
+    >
+      <template #subtitle>
+        누가 무엇을 추가·변경·삭제했는지 전체 기록입니다.
+      </template>
+
+      <EmptyState v-if="activityLoading && activities.length === 0">
+        불러오는 중…
+      </EmptyState>
+      <EmptyState v-else-if="activities.length === 0">
+        아직 기록이 없습니다.
+      </EmptyState>
+      <ul
+        v-else
+        class="dr-log"
+      >
+        <li
+          v-for="a in activities"
+          :key="a.id"
+          class="dr-log-row"
+        >
+          <span
+            class="dr-log-dot"
+            :class="'is-' + actionTone(a.type)"
+          />
+          <span class="dr-log-text">
+            <b>{{ actorName(a) }}</b>님이 {{ actionParts(a).pre }}<b>{{ actionParts(a).target }}</b>{{ actionParts(a).post }}
+            <span class="dr-log-time">{{ relativeTimeKo(a.createdAt) }}</span>
+          </span>
+        </li>
+      </ul>
+      <LoadMore
+        v-if="hasMoreActivity"
+        :loading="activityLoading"
+        @load="store.loadMoreActivity()"
+      />
+    </BaseModal>
   </AppShell>
 </template>
 
@@ -749,6 +883,53 @@ watch(
   }
 }
 
+/* 기록(감사 로그) 패널 */
+.dr-log {
+  display: flex;
+  flex-direction: column;
+  gap: 0.875rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.dr-log-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.625rem;
+}
+.dr-log-dot {
+  flex: 0 0 auto;
+  width: 0.5rem;
+  height: 0.5rem;
+  margin-top: 0.4375rem;
+  border-radius: 999px;
+  background: var(--text-3);
+}
+.dr-log-dot.is-up {
+  background: var(--accent);
+}
+.dr-log-dot.is-del {
+  background: var(--red);
+}
+.dr-log-dot.is-edit {
+  background: #e0823d;
+}
+.dr-log-text {
+  font-size: 0.875rem;
+  color: var(--text-2);
+  line-height: 1.5;
+}
+.dr-log-text b {
+  color: var(--text);
+  font-weight: 600;
+}
+.dr-log-time {
+  display: block;
+  font-size: 0.75rem;
+  color: var(--text-3);
+  margin-top: 0.125rem;
+}
+
 /* 드래그 오버레이 */
 .dr-drop {
   position: absolute;

frontend/src/stores/drive.store.ts

@@ -1,9 +1,17 @@
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import { useDrive } from '@/composables/useDrive'
-import type { DriveCrumb, DriveFile, DriveFolder } from '@/types/drive'
+import type {
+  DriveActivity,
+  DriveCrumb,
+  DriveFile,
+  DriveFolder,
+} from '@/types/drive'
 import type { PresignedUpload } from '@/types/drive'
 
+// 감사 로그 페이지 크기
+const ACTIVITY_PAGE_SIZE = 20
+
 // 진행 중 업로드 1건(UI 표시용)
 export interface UploadItem {
   id: number // 로컬 임시 id
@@ -58,6 +66,15 @@ export const useDriveStore = defineStore('drive', () => {
   const loading = ref(false)
   const uploads = ref<UploadItem[]>([])
 
+  // 감사 로그(기록 패널)
+  const activities = ref<DriveActivity[]>([])
+  const activityLoading = ref(false)
+  const activityPage = ref(0) // 마지막으로 불러온 페이지(0=미로드)
+  const activityTotal = ref(0)
+  const hasMoreActivity = computed(
+    () => activities.value.length < activityTotal.value,
+  )
+
   const isEmpty = computed(
     () => folders.value.length === 0 && files.value.length === 0,
   )
@@ -154,6 +171,36 @@ export const useDriveStore = defineStore('drive', () => {
     uploads.value = uploads.value.filter((u) => u.id !== id)
   }
 
+  // --- 감사 로그(기록 패널) ---
+  // 첫 페이지 로드(패널을 열 때마다 최신 상태로 갱신)
+  async function fetchActivity(): Promise<void> {
+    activityLoading.value = true
+    try {
+      const res = await drive.listActivity(1, ACTIVITY_PAGE_SIZE)
+      activities.value = res.items
+      activityTotal.value = res.total
+      activityPage.value = res.page
+    } finally {
+      activityLoading.value = false
+    }
+  }
+  // 다음 페이지 누적
+  async function loadMoreActivity(): Promise<void> {
+    if (activityLoading.value || !hasMoreActivity.value) return
+    activityLoading.value = true
+    try {
+      const res = await drive.listActivity(
+        activityPage.value + 1,
+        ACTIVITY_PAGE_SIZE,
+      )
+      activities.value = [...activities.value, ...res.items]
+      activityTotal.value = res.total
+      activityPage.value = res.page
+    } finally {
+      activityLoading.value = false
+    }
+  }
+
   return {
     folderId,
     current,
@@ -162,6 +209,9 @@ export const useDriveStore = defineStore('drive', () => {
     files,
     loading,
     uploads,
+    activities,
+    activityLoading,
+    hasMoreActivity,
     isEmpty,
     itemCount,
     fetchList,
@@ -173,5 +223,7 @@ export const useDriveStore = defineStore('drive', () => {
     download,
     uploadOne,
     dismissUpload,
+    fetchActivity,
+    loadMoreActivity,
   }
 })

frontend/src/types/drive.ts

@@ -73,3 +73,30 @@ export interface PresignUploadPayload {
   size: number
   folderId?: string
 }
+
+// --- 감사 로그(전사 공유 드라이브 — 누가 무엇을 했는지) ---
+// (SSOT: backend/src/modules/drive/drive-audit.service.ts 의 DriveActivityResponse)
+export type DriveActivityType =
+  | 'file_uploaded'
+  | 'file_renamed'
+  | 'file_deleted'
+  | 'folder_created'
+  | 'folder_renamed'
+  | 'folder_deleted'
+
+// 감사 로그 1건(표시 문구는 프론트가 type+payload 로 조립)
+export interface DriveActivity {
+  id: string
+  type: DriveActivityType
+  actor: DriveOwner | null
+  payload: Record<string, unknown>
+  createdAt: string
+}
+
+// 페이지네이션 응답(backend common/pagination 미러)
+export interface DriveActivityPage {
+  items: DriveActivity[]
+  total: number
+  page: number
+  size: number
+}