릴리스: v1.4.30 로컬 DB 재초기화 및 legacy origin 자동 정리

backend/src/db.js

@@ -31,6 +31,20 @@ function serializeJson(value) {
   return JSON.stringify(value || [])
 }
 
+function normalizeLegacyItemOrigins(items) {
+  let changed = false
+  const normalized = (items || []).map((item) => {
+    if (!item || typeof item !== 'object') return item
+    if (item.origin !== 'game') return item
+    changed = true
+    return {
+      ...item,
+      origin: 'template',
+    }
+  })
+  return { normalized, changed }
+}
+
 function collectUploadSrcsFromItems(items, bucket) {
   for (const item of items || []) {
     if (typeof item?.src === 'string' && item.src.startsWith('/uploads/')) {
@@ -599,6 +613,25 @@ async function ensureSchema() {
 
 async function ensureData() {
   await ensureSchema()
+
+  const tierListRows = await query('SELECT id, pool_json FROM tierlists')
+  for (const row of tierListRows) {
+    const { normalized, changed } = normalizeLegacyItemOrigins(parseJson(row.pool_json, []))
+    if (!changed) continue
+    await query('UPDATE tierlists SET pool_json = ? WHERE id = ?', [serializeJson(normalized), row.id])
+  }
+
+  const requestRows = await query('SELECT id, items_json, board_items_json FROM template_requests')
+  for (const row of requestRows) {
+    const itemsResult = normalizeLegacyItemOrigins(parseJson(row.items_json, []))
+    const boardItemsResult = normalizeLegacyItemOrigins(parseJson(row.board_items_json, []))
+    if (!itemsResult.changed && !boardItemsResult.changed) continue
+    await query('UPDATE template_requests SET items_json = ?, board_items_json = ? WHERE id = ?', [
+      serializeJson(itemsResult.normalized),
+      serializeJson(boardItemsResult.normalized),
+      row.id,
+    ])
+  }
 }
 
 async function countUsers() {
@@ -788,7 +821,7 @@ async function getTopicDetail(topicId) {
   const topic = await findTopicById(topicId)
   if (!topic) return null
   const items = await listTopicItems(topicId)
-  return { topic, game: topic, items }
+  return { topic, template: topic, items }
 }
 
 async function createTopic({ id, name, isPublic = true }) {
@@ -972,8 +1005,8 @@ async function listReferencedUploadUsage() {
   ])
 
   for (const row of userRows) addUsage(row.avatar_src, 'avatar')
-  for (const row of gameRows) addUsage(row.thumbnail_src, 'game-thumbnail')
-  for (const row of gameItemRows) addUsage(row.src, 'game-item')
+  for (const row of gameRows) addUsage(row.thumbnail_src, 'topic-thumbnail')
+  for (const row of gameItemRows) addUsage(row.src, 'topic-item')
   for (const row of customItemRows) addUsage(row.src, 'custom-item')
 
   for (const row of tierListRows) {
@@ -1193,7 +1226,7 @@ async function cleanupMissingUploadReferences() {
 
   for (const row of gameItemRows) {
     if (await fileExistsForUploadSrc(row.src)) continue
-    await deleteGameItem(row.id)
+    await deleteTopicItem(row.id)
     stats.deletedGameItems += 1
   }
 
@@ -1517,7 +1550,7 @@ async function getCustomItemUsageMeta() {
     `
   )
   const usageMap = new Map()
-  const linkedGamesMap = new Map()
+  const linkedTemplatesMap = new Map()
 
   rows.forEach((row) => {
     const groups = parseJson(row.groups_json, [])
@@ -1541,8 +1574,8 @@ async function getCustomItemUsageMeta() {
     if (!row.topic_id) return
 
     seenItemIds.forEach((itemId) => {
-      if (!linkedGamesMap.has(itemId)) linkedGamesMap.set(itemId, new Map())
-      linkedGamesMap.get(itemId).set(row.topic_id, {
+      if (!linkedTemplatesMap.has(itemId)) linkedTemplatesMap.set(itemId, new Map())
+      linkedTemplatesMap.get(itemId).set(row.topic_id, {
         id: row.topic_id,
         name: row.topic_name || row.topic_id,
       })
@@ -1551,7 +1584,7 @@ async function getCustomItemUsageMeta() {
 
   return {
     usageMap,
-    linkedGamesMap: new Map(Array.from(linkedGamesMap.entries()).map(([itemId, gameMap]) => [itemId, Array.from(gameMap.values())])),
+    linkedTemplatesMap: new Map(Array.from(linkedTemplatesMap.entries()).map(([itemId, templateMap]) => [itemId, Array.from(templateMap.values())])),
   }
 }
 
@@ -1620,7 +1653,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
   })
 
   const customItems = customRows.map((row) => {
-    const linkedGames = Array.from((templateLinkedBySrc.get(row.src) || new Map()).values())
+    const linkedTemplates = Array.from((templateLinkedBySrc.get(row.src) || new Map()).values())
     return {
       id: row.id,
       ownerId: row.owner_id,
@@ -1630,7 +1663,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
       ownerName: row.nickname || row.email,
       ownerEmail: row.email,
       usageCount: usageMeta.usageMap.get(row.id) || 0,
-      linkedGames,
+      linkedTemplates,
       sourceType: 'user',
       sourceLabel: '사용자 업로드',
       canDelete: true,
@@ -1651,7 +1684,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
       ownerName: '관리자 보관 자산',
       ownerEmail: '',
       usageCount: 0,
-      linkedGames: [],
+      linkedTemplates: [],
       sourceType: 'template',
       sourceLabel: '관리자 템플릿',
       canDelete: true,
@@ -1669,7 +1702,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
     ownerName: row.topic_name || row.topic_id,
     ownerEmail: '',
     usageCount: (templateLinkedBySrc.get(row.src) || new Map()).size,
-    linkedGames: Array.from((templateLinkedBySrc.get(row.src) || new Map()).values()),
+    linkedTemplates: Array.from((templateLinkedBySrc.get(row.src) || new Map()).values()),
     sourceType: 'template',
     sourceLabel: '관리자 템플릿',
     canDelete: true,
@@ -1688,7 +1721,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
   const allItems = baseItems
     .map((item) => {
       const siblings = groupedBySrc.get(item.src) || [item]
-      const linkedGames = new Map()
+      const linkedTemplates = new Map()
       let userReferenceCount = 0
       let templateReferenceCount = 0
       let assetReferenceCount = 0
@@ -1697,8 +1730,8 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
         if (entry.sourceType === 'user') userReferenceCount += 1
         else if (entry.isAssetLibraryItem) assetReferenceCount += 1
         else templateReferenceCount += 1
-        ;(entry.linkedGames || []).forEach((game) => {
-          if (game?.id) linkedGames.set(game.id, game)
+        ;(entry.linkedTemplates || []).forEach((template) => {
+          if (template?.id) linkedTemplates.set(template.id, template)
         })
       })
 
@@ -1708,7 +1741,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
         sharedUserReferenceCount: userReferenceCount,
         sharedTemplateReferenceCount: templateReferenceCount,
         sharedAssetReferenceCount: assetReferenceCount,
-        sharedLinkedGameCount: linkedGames.size,
+        sharedLinkedTemplateCount: linkedTemplates.size,
         sharedEntries: siblings
           .slice()
           .sort((a, b) => Number(b.createdAt || 0) - Number(a.createdAt || 0))
@@ -1722,7 +1755,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
             sourceTopicId: entry.sourceTopicId || '',
             sourceTopicName: entry.sourceTopicName || '',
             usageCount: entry.usageCount || 0,
-            linkedGames: entry.linkedGames || [],
+            linkedTemplates: entry.linkedTemplates || [],
             isAssetLibraryItem: !!entry.isAssetLibraryItem,
           })),
       }
@@ -1736,7 +1769,7 @@ async function listCustomItems({ queryText = '', page = 1, limit = 50, filterMod
         case 'asset':
           return !!item.isAssetLibraryItem
         case 'unused-user':
-          return item.sourceType === 'user' && item.usageCount === 0 && item.linkedGames.length === 0
+          return item.sourceType === 'user' && item.usageCount === 0 && item.linkedTemplates.length === 0
         case 'unused-admin':
           return !!item.isAssetLibraryItem
         default:
@@ -2011,7 +2044,7 @@ function uniqueTierListItems(poolItems) {
       id: item.id,
       src: item.src || '',
       label: item.label || 'item',
-      origin: item.origin || 'game',
+      origin: item.origin || 'template',
     })
   })
   return Array.from(map.values())

backend/src/routes/admin.js

@@ -187,7 +187,7 @@ router.post('/templates/:templateId/thumbnail', requireAdmin, upload.single('thu
 
   const optimized = await writeOptimizedImage({
     file: req.file,
-    directory: 'games',
+    directory: 'topics',
     width: 1280,
     height: 1280,
     fit: 'inside',
@@ -214,7 +214,7 @@ router.post('/templates/:templateId/images', requireAdmin, upload.array('images'
     files.map(async (file, index) => {
       const optimized = await writeOptimizedImage({
         file,
-        directory: 'games',
+        directory: 'topics',
         width: 512,
         height: 512,
         fit: 'inside',
@@ -593,7 +593,7 @@ async function createTemplateFromTierList({ tierList, templateId, templateName }
     )
   }
 
-  return { game: await findTopicById(templateId), items: createdItems }
+  return { template: await findTopicById(templateId), items: createdItems }
 }
 
 async function createTemplateFromRequest({ templateRequest, templateId, templateName }) {
@@ -609,7 +609,7 @@ async function createTemplateFromRequest({ templateRequest, templateId, template
     templateId,
   })
 
-  return { game: await findTopicById(templateId), items }
+  return { template: await findTopicById(templateId), items }
 }
 
 router.delete('/custom-items/:itemId', requireAdmin, async (req, res) => {
@@ -631,7 +631,7 @@ router.delete('/custom-items/:itemId', requireAdmin, async (req, res) => {
   }
 
   if (!target.canDelete) return res.status(409).json({ error: 'item_locked' })
-  if (target.linkedGames.length > 0) return res.status(409).json({ error: 'item_linked' })
+  if (target.linkedTemplates.length > 0) return res.status(409).json({ error: 'item_linked' })
   if (target.usageCount > 0) return res.status(409).json({ error: 'item_in_use' })
 
   const items = await findCustomItemsByIds([target.id])

backend/src/routes/tierlists.js

@@ -24,7 +24,7 @@ const FREEFORM_TOPIC_ID = 'freeform'
 const FREEFORM_DEFAULT_TITLE = '직접 티어표 만들기'
 
 function normalizePoolItem(item) {
-  if (!item || item.origin !== 'game' || typeof item.src !== 'string') return item
+  if (!item || !['game', 'template'].includes(item.origin) || typeof item.src !== 'string') return item
   if (item.src.startsWith('/uploads/')) return item
 
   try {
@@ -83,7 +83,7 @@ const templateRequestSchema = z.object({
       id: z.string().min(1),
       src: z.string().min(1),
       label: z.string().min(1).max(60),
-      origin: z.enum(['game', 'custom']).default('game'),
+      origin: z.enum(['template', 'game', 'custom']).default('template'),
     })
   ),
 })
@@ -112,7 +112,7 @@ const tierListUpsertSchema = z.object({
       id: z.string().min(1),
       src: z.string().min(1),
       label: z.string().min(1).max(60),
-      origin: z.enum(['game', 'custom']).default('game'),
+      origin: z.enum(['template', 'game', 'custom']).default('template'),
     })
   ),
 }).superRefine((value, ctx) => {

docs/history.md

@@ -1,5 +1,17 @@
 # 의사결정 이력
 
+## 2026-04-02 v1.4.30
+- 로컬 MariaDB는 테스트용으로 새로 밀어도 된다는 전제가 확인되었으므로, 개발 환경에서는 기존 데이터를 끌고 가는 것보다 현재 스키마가 “빈 DB에서 바로 정상 부팅되는지”를 먼저 검증하는 편이 더 가치 있다고 판단했다.
+- `origin: 'game'` 호환층은 즉시 제거하기보다, `ensureData()`에서 저장 데이터와 요청 스냅샷을 자동 정규화하게 만들어 두고 새 DB에서도 legacy 값이 생기지 않는 상태를 먼저 확인한 뒤 다음 제거 판단으로 넘기는 편이 가장 안전하다고 정리했다.
+
+## 2026-04-02 v1.4.29
+- `origin: 'game'`는 이미 저장된 티어표 데이터와 직접 맞물리므로, 이 단계에서는 새 데이터 기본값만 `template`로 옮기고 예전 값도 계속 받아주는 점진 호환이 가장 안전하다고 판단했다.
+- 아이템 라이브러리의 `linkedGames`는 실제 의미가 템플릿 연결 정보이므로, 이 응답 키까지 `linkedTemplates`로 바꿔두는 편이 이후 관리자 유지보수에서 훨씬 덜 헷갈린다고 정리했다.
+
+## 2026-04-02 v1.4.28
+- 이 시점 이후 코드 검색에 남는 `game`는 대부분 레거시 데이터 마이그레이션, 옛 주소 redirect, 저장 데이터의 `origin` 호환처럼 의도된 층이므로, 무리하게 전부 0으로 만들기보다 기능을 깨뜨리지 않는 선에서 의미 있는 이름층만 더 줄이는 편이 맞다고 판단했다.
+- 관리자 화면 내부 상태명(`selectedTemplate.game`, `isGameLoading`, `gameVisibilitySaving`)은 실제 기능 의미와 어긋나므로, QA 전에 한 번 더 `template` 기준으로 옮겨두는 편이 이후 유지보수에 더 유리하다고 정리했다.
+
 ## 2026-04-02 v1.4.27
 - 공개/관리자 API 표면까지 `topic/template`로 정리된 뒤에는, 관리자 내부 상태 이름과 DB export alias에 남은 `game` 흔적도 계속 유지할 이유가 작아졌으므로 이 단계에서 함께 걷어내는 편이 맞다고 판단했다.
 - 다만 외부에서 직접 참조할 수 있는 공개 북마크와 달리, `adminGames`, `game-admin`, `favoriteGame` 같은 이름은 내부 구현 용어라서 이번 단계에서 정리해도 위험이 낮다고 정리했다.

docs/todo.md

@@ -1,6 +1,14 @@
 # 할 일 및 이슈
 
 ## 단기 확인
+- `v1.4.30`에서 빈 로컬 MariaDB 재초기화 검증까지 통과했으므로, 다음 실제 QA에서는 “기존 데이터가 있는 환경”에서 `ensureData()`가 저장 티어표와 템플릿 요청 스냅샷의 legacy origin을 정상 정규화하는지만 추가 확인하면 된다.
+- 개발 환경 기준으로는 새 DB에서 `legacyTierItems=0`, `legacyRequestItems=0`가 확인됐으므로, 이후에는 `origin: 'game'` 호환 코드를 언제 완전히 제거할지 운영 데이터 기준으로만 판단하면 된다.
+- `v1.4.29`에서 새 티어표 데이터 기본 origin을 `template`로 바꿨으므로, 저장 후 다시 열기/복사/요청 생성/관리자 가져오기 흐름에서 예전 데이터와 새 데이터가 함께 섞여도 정상 동작하는지 한 번 더 확인한다.
+- 관리자 아이템 라이브러리 응답 키가 `linkedTemplates`로 정리됐으므로, 사용자 업로드 이미지 삭제 차단과 템플릿 이동 모달이 그대로 정상 동작하는지 확인한다.
+- 현재 남아 있는 `game`는 레거시 redirect, DB 마이그레이션, 호환용 origin만 남겨둔 상태이므로, `v1.4` QA 후에는 이 레거시 층을 언제 제거할지 별도 마감 판단만 하면 된다.
+- `v1.4.28`에서 관리자 템플릿 상세 상태와 기본 아이템 정렬 상태 이름을 `template` 기준으로 더 정리했으므로, 관리자 템플릿 선택/공개 전환/기본 아이템 정렬 저장이 그대로 정상인지 한 번 더 확인한다.
+- 새 템플릿 썸네일/기본 아이템 업로드는 이제 `topics` 디렉터리로 저장되므로, 실제 업로드 후 최적화 작업 분류와 관리자 최근 작업 표시가 자연스럽게 보이는지 확인한다.
+- 현재 코드 검색에 남는 `game`는 레거시 redirect, DB 마이그레이션, `origin: 'game'` 호환이 중심이므로, 이 층까지 실제로 없앨지 여부는 `v1.4` QA 후 안정성 기준으로 다시 판단한다.
 - `v1.4.27`에서 관리자 내부 탭/라우트 이름과 DB alias export까지 더 정리했으므로, 관리자 템플릿 탭 이동, 커스텀 아이템에서 템플릿 관리로 점프, 템플릿 요청 확인하기 이동이 모두 정상인지 한 번 더 확인한다.
 - `v1.4.26`에서 관리자 기본 경로를 `/admin/templates`로 바꾸고 `/api/admin/templates`만 남겼으므로, 관리자 진입/새로고침/뒤로가기와 템플릿 생성·썸네일 업로드·아이템 추가가 모두 정상인지 확인한다.
 - `v1.4.26`에서 공개 API `/api/games`를 제거했으므로, 실제 서버 재시작 후 홈/주제 상세/티어표 편집기에서 `/api/topics`만으로 모두 정상 동작하는지 확인한다.

docs/update.md

@@ -1,5 +1,20 @@
 # 업데이트 로그
 
+## 2026-04-02 v1.4.30
+- `ensureData()` 단계에서 저장된 티어표 `pool_json`과 템플릿 요청 스냅샷(`items_json`, `board_items_json`) 안에 남아 있을 수 있는 `origin: 'game'` 값을 자동으로 `template`로 정리하도록 보강했다.
+- 로컬 MariaDB를 비운 뒤 현재 스키마로 다시 올리는 검증도 함께 진행했고, 새 DB 기준으로 `topics=3`, `tierlists=0`, `legacyTierItems=0`, `legacyRequestItems=0` 상태까지 확인했다.
+- 즉 현재 개발 환경에서는 새로 생성되거나 다시 초기화한 데이터에 `game` 기반 origin이 남지 않으며, 남은 `game` 코드는 레거시 redirect·DB 마이그레이션 감지·과거 데이터 호환층만 담당하게 됐다.
+
+## 2026-04-02 v1.4.29
+- 티어표 저장/request schema는 이제 새 데이터에서 `origin: 'template'`를 기본으로 쓰고, 예전 `origin: 'game'`도 계속 읽을 수 있게 호환 레이어를 남겼다.
+- 관리자 아이템 라이브러리의 템플릿 연결 정보도 `linkedTemplates` 기준으로 정리해, 내부 응답/프런트 상태에 남아 있던 `linkedGames` 흔적을 제거했다.
+- 현재 `game` 검색에 남는 것은 레거시 주소 redirect, DB 마이그레이션용 legacy 테이블/컬럼명, 과거 저장 데이터 호환용 `origin: 'game'`처럼 의도적으로 남겨둔 층만 남도록 정리했다.
+
+## 2026-04-02 v1.4.28
+- 관리자 템플릿 상세 상태(`selectedTemplate.game`)와 관련 응답 키를 `template` 기준으로 정리해, 내부 코드 검색에서 남던 `game` 흔적을 더 줄였다.
+- 관리자 기본 아이템 정렬/로딩 상태 이름도 `templateItem*`, `isTemplateLoading`, `templateVisibilitySaving` 기준으로 바꾸고, 새 템플릿 자산 업로드는 `topics` 디렉터리로 저장되게 맞췄다.
+- 현재 코드 검색에서 남는 `game`는 주로 레거시 주소 redirect(`/games/:gameId`), DB 마이그레이션용 legacy 테이블/컬럼명, 기존 저장 데이터와 맞춘 `origin: 'game'` 값처럼 의도적으로 남겨둔 호환층만 남도록 정리했다.
+
 ## 2026-04-02 v1.4.27
 - 관리자 내부 탭/라우트 이름도 `template-admin`, `adminTemplates`, `/admin/templates` 기준으로 더 정리해, 화면 상태값과 라우트 이름에 남아 있던 `game-admin`, `adminGames` 흔적을 줄였다.
 - 더 이상 참조되지 않는 DB alias export(`listGames`, `createGame`, `favoriteGame` 등)와 `updateTemplateRequestTargetGame` 별칭도 제거해, 백엔드 모듈 표면에서 남아 있던 레거시 `game` 이름층을 더 걷어냈다.

frontend/src/App.vue

@@ -76,7 +76,7 @@ const showRightRailAction = computed(() => false)
 const showSettingsGuideButton = computed(() => route.name === 'profile')
 const guideSteps = [
   {
-    id: 'select-game',
+    id: 'select-topic',
     title: '주제 또는 양식 선택',
     summary: '주제 템플릿을 고르거나 커스텀 티어표 만들기로 바로 시작합니다.',
     description:

frontend/src/components/admin/AdminGamesSection.vue

@@ -9,12 +9,12 @@ const props = defineProps({
   stagedRequestDraftCount: { type: Number, required: true },
   appliedRequestItemCount: { type: Number, required: true },
   openTemplateCreateModal: { type: Function, required: true },
-  isGameLoading: { type: Boolean, required: true },
+  isTemplateLoading: { type: Boolean, required: true },
   hasSelectedTemplate: { type: Boolean, required: true },
   selectedTemplate: { type: Object, default: null },
   displayThumbnailUrl: { type: String, default: '' },
   canApplyThumbnail: { type: Boolean, required: true },
-  gameVisibilitySaving: { type: Boolean, required: true },
+  templateVisibilitySaving: { type: Boolean, required: true },
   thumbFileInputRef: { type: Function, required: true },
   openThumbFilePicker: { type: Function, required: true },
   onThumb: { type: Function, required: true },
@@ -41,14 +41,14 @@ const props = defineProps({
   removeUploadDraft: { type: Function, required: true },
   hasTemplateItemOrderChanges: { type: Boolean, required: true },
   saveTemplateItemOrder: { type: Function, required: true },
-  gameItemListRef: { type: Function, required: true },
+  templateItemListRef: { type: Function, required: true },
   saveTemplateItemLabel: { type: Function, required: true },
   removeTemplateItem: { type: Function, required: true },
   selectedTemplateId: { type: String, default: '' },
 })
 
 function setGameItemListElement(el) {
-  props.gameItemListRef(el)
+  props.templateItemListRef(el)
 }
 
 function setThumbFileElement(el) {
@@ -102,7 +102,7 @@ function setThumbFileElement(el) {
     </div>
   </div>
 
-  <div v-if="props.isGameLoading" class="panel panel--empty">
+  <div v-if="props.isTemplateLoading" class="panel panel--empty">
     <div class="emptyState">
       <div class="emptyState__title">템플릿 정보를 불러오는 중이에요.</div>
       <div class="emptyState__desc">선택한 템플릿의 썸네일과 기본 아이템을 곧 표시합니다.</div>
@@ -122,7 +122,7 @@ function setThumbFileElement(el) {
           @dragleave="props.onThumbDragLeave"
           @drop="props.onThumbDrop"
         >
-          <img v-if="props.displayThumbnailUrl" class="selectedThumb selectedThumb--sidebar" :src="props.displayThumbnailUrl" :alt="props.selectedTemplate.game.name" />
+          <img v-if="props.displayThumbnailUrl" class="selectedThumb selectedThumb--sidebar" :src="props.displayThumbnailUrl" :alt="props.selectedTemplate.template.name" />
           <div v-else class="selectedThumb selectedThumb--empty selectedThumb--sidebar">대표 썸네일</div>
           <div class="thumbDropZone__copy">
             <div v-if="!props.displayThumbnailUrl" class="thumbDropZone__iconWrap">
@@ -134,10 +134,10 @@ function setThumbFileElement(el) {
       </div>
       <div class="gameSettingsCard__body">
         <div class="panel__title">템플릿 설정</div>
-        <div class="gameSettingsCard__meta">{{ props.selectedTemplate.game.name }} · {{ props.selectedTemplate.game.id }}</div>
-        <label class="toggleSwitch" :class="{ 'toggleSwitch--disabled': props.gameVisibilitySaving }">
-          <input :checked="!!props.selectedTemplate.game.isPublic" type="checkbox" @change="props.toggleSelectedTemplateVisibility($event.target.checked)" />
-          <span class="toggleSwitch__label">{{ props.selectedTemplate.game.isPublic ? '템플릿 공개중' : '비공개 상태' }}</span>
+        <div class="gameSettingsCard__meta">{{ props.selectedTemplate.template.name }} · {{ props.selectedTemplate.template.id }}</div>
+        <label class="toggleSwitch" :class="{ 'toggleSwitch--disabled': props.templateVisibilitySaving }">
+          <input :checked="!!props.selectedTemplate.template.isPublic" type="checkbox" @change="props.toggleSelectedTemplateVisibility($event.target.checked)" />
+          <span class="toggleSwitch__label">{{ props.selectedTemplate.template.isPublic ? '템플릿 공개중' : '비공개 상태' }}</span>
           <span class="toggleSwitch__track"><span class="toggleSwitch__thumb"></span></span>
         </label>
         <div class="gameSettingsCard__actions">
@@ -216,8 +216,8 @@ function setThumbFileElement(el) {
       </div>
       <div v-if="!props.selectedTemplate?.items?.length" class="hint">아직 등록된 기본 아이템이 없어요.</div>
       <div v-else :ref="setGameItemListElement" class="thumbGrid">
-        <div v-for="item in props.selectedTemplate.items" :key="item.id" class="thumbCard" :data-game-item-id="item.id">
-          <img class="thumb thumb--game" :src="toApiUrl(item.src)" :alt="item.label" draggable="false" />
+        <div v-for="item in props.selectedTemplate.items" :key="item.id" class="thumbCard" :data-template-item-id="item.id">
+          <img class="thumb thumb--template" :src="toApiUrl(item.src)" :alt="item.label" draggable="false" />
           <input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" data-no-drag />
           <div class="thumbCard__actions">
             <button

frontend/src/composables/useAdminCustomItems.js

@@ -85,7 +85,7 @@ export function useAdminCustomItems({
 
   function openCustomItemDeleteModal(item) {
     if (!item) return
-    if (item.sourceType === 'user' && (item.usageCount > 0 || item.linkedGames.length > 0)) {
+    if (item.sourceType === 'user' && (item.usageCount > 0 || item.linkedTemplates.length > 0)) {
       error.value = '사용 중이거나 템플릿에 연결된 사용자 업로드 이미지는 먼저 참조를 정리해야 삭제할 수 있어요.'
       return
     }
@@ -109,7 +109,7 @@ export function useAdminCustomItems({
   async function removeCustomItem(item = modalTargetCustomItem.value) {
     resetMessages()
     if (!item) return
-    if (item.sourceType === 'user' && (item.usageCount > 0 || item.linkedGames.length > 0)) {
+    if (item.sourceType === 'user' && (item.usageCount > 0 || item.linkedTemplates.length > 0)) {
       error.value = '사용 중이거나 템플릿에 연결된 사용자 업로드 이미지는 먼저 참조를 정리해야 삭제할 수 있어요.'
       return
     }

frontend/src/composables/useAdminGameManager.js

@@ -11,10 +11,10 @@ export function useAdminGameManager({
   thumbFile,
   itemPreviewUrls,
   itemFileInput,
-  gameItemListEl,
-  gameItemSortable,
-  savedGameItemOrderIds,
-  isGameLoading,
+  templateItemListEl,
+  templateItemSortable,
+  savedTemplateItemOrderIds,
+  isTemplateLoading,
   activeTemplateRequest,
   templateRequests,
   customItemModalOpen,
@@ -49,21 +49,21 @@ export function useAdminGameManager({
     return src.split('/').pop() || item.file?.name || 'item'
   }
 
-  function destroyGameItemSortable() {
-    if (gameItemSortable.value) {
-      gameItemSortable.value.destroy()
-      gameItemSortable.value = null
+  function destroyTemplateItemSortable() {
+    if (templateItemSortable.value) {
+      templateItemSortable.value.destroy()
+      templateItemSortable.value = null
     }
   }
 
-  async function syncGameItemSortable() {
+  async function syncTemplateItemSortable() {
     await nextTick()
-    destroyGameItemSortable()
-    if (!gameItemListEl.value || !selectedTemplate.value?.items?.length) return
+    destroyTemplateItemSortable()
+    if (!templateItemListEl.value || !selectedTemplate.value?.items?.length) return
 
-    gameItemSortable.value = Sortable.create(gameItemListEl.value, {
+    templateItemSortable.value = Sortable.create(templateItemListEl.value, {
       animation: 160,
-      draggable: '[data-game-item-id]',
+      draggable: '[data-template-item-id]',
       forceFallback: true,
       fallbackOnBody: false,
       filter: '[data-no-drag]',
@@ -124,31 +124,30 @@ export function useAdminGameManager({
 
     if (!selectedTemplateId.value) {
       selectedTemplate.value = null
-      savedGameItemOrderIds.value = []
-      destroyGameItemSortable()
+      savedTemplateItemOrderIds.value = []
+      destroyTemplateItemSortable()
       return
     }
 
     try {
-      isGameLoading.value = true
+      isTemplateLoading.value = true
       const data = await api.getTopic(selectedTemplateId.value)
       const loadedTemplate = data.template || data.topic || null
       selectedTemplate.value = {
         ...data,
-        game: loadedTemplate,
         template: loadedTemplate,
         items: (data.items || []).map((item) => ({
           ...item,
           draftLabel: item.label,
         })),
       }
-      savedGameItemOrderIds.value = (data.items || []).map((item) => item.id)
-      await syncGameItemSortable()
+      savedTemplateItemOrderIds.value = (data.items || []).map((item) => item.id)
+      await syncTemplateItemSortable()
     } catch (e) {
       selectedTemplate.value = null
       error.value = '템플릿 정보를 불러오지 못했어요.'
     } finally {
-      isGameLoading.value = false
+      isTemplateLoading.value = false
     }
   }
 
@@ -350,8 +349,8 @@ export function useAdminGameManager({
           draftLabel: item.label,
         })),
       }
-      savedGameItemOrderIds.value = (data.items || []).map((item) => item.id)
-      await syncGameItemSortable()
+      savedTemplateItemOrderIds.value = (data.items || []).map((item) => item.id)
+      await syncTemplateItemSortable()
       success.value = '기본 아이템 순서를 저장했어요.'
     } catch (e) {
       error.value = '기본 아이템 순서 저장에 실패했어요.'
@@ -360,8 +359,8 @@ export function useAdminGameManager({
 
   return {
     requestItemFilename,
-    destroyGameItemSortable,
-    syncGameItemSortable,
+    destroyTemplateItemSortable,
+    syncTemplateItemSortable,
     mergeRequestItemsIntoDrafts,
     removeUploadDraft,
     loadTemplate,

frontend/src/views/AdminView.vue

@@ -109,7 +109,7 @@ const success = ref('')
 const newTemplateId = ref('')
 const newTemplateName = ref('')
 const newTemplateIsPublic = ref(false)
-const gameVisibilitySaving = ref(false)
+const templateVisibilitySaving = ref(false)
 
 const uploadFiles = ref([])
 const uploadItemDrafts = ref([])
@@ -122,12 +122,12 @@ const itemFileInput = ref(null)
 const thumbFileInput = ref(null)
 const featuredListEl = ref(null)
 const featuredSortable = ref(null)
-const gameItemListEl = ref(null)
-const gameItemSortable = ref(null)
-let gameItemSortableSyncTimer = null
-const savedGameItemOrderIds = ref([])
+const templateItemListEl = ref(null)
+const templateItemSortable = ref(null)
+let templateItemSortableSyncTimer = null
+const savedTemplateItemOrderIds = ref([])
 const userAvatarInputs = ref({})
-const isGameLoading = ref(false)
+const isTemplateLoading = ref(false)
 const templateCreateModalOpen = ref(false)
 const previousBodyOverflow = ref('')
 
@@ -144,20 +144,20 @@ function setThumbFileInputRef(el) {
 }
 
 function scheduleGameItemSortableSync() {
-  if (gameItemSortableSyncTimer) {
-    clearTimeout(gameItemSortableSyncTimer)
-    gameItemSortableSyncTimer = null
+  if (templateItemSortableSyncTimer) {
+    clearTimeout(templateItemSortableSyncTimer)
+    templateItemSortableSyncTimer = null
   }
-  if (!gameItemListEl.value || !selectedTemplate.value?.items?.length) return
+  if (!templateItemListEl.value || !selectedTemplate.value?.items?.length) return
 
-  gameItemSortableSyncTimer = setTimeout(() => {
-    gameItemSortableSyncTimer = null
-    syncGameItemSortable()
+  templateItemSortableSyncTimer = setTimeout(() => {
+    templateItemSortableSyncTimer = null
+    syncTemplateItemSortable()
   }, 0)
 }
 
 function setGameItemListRef(el) {
-  gameItemListEl.value = el
+  templateItemListEl.value = el
   if (!el) return
   scheduleGameItemSortableSync()
 }
@@ -175,7 +175,7 @@ function normalizeAdminSrc(src) {
   }
 }
 
-const hasSelectedTemplate = computed(() => !!selectedTemplate.value?.game?.id)
+const hasSelectedTemplate = computed(() => !!selectedTemplate.value?.template?.id)
 const canApplyThumbnail = computed(() => !!thumbFile.value && !!selectedTemplateId.value)
 const canAddItem = computed(() => uploadItemDrafts.value.length > 0 && uploadItemDrafts.value.every((item) => !!item.label.trim()) && !!selectedTemplateId.value)
 const stagedRequestDraftCount = computed(() => uploadItemDrafts.value.filter((item) => item.kind === 'request').length)
@@ -188,7 +188,7 @@ const appliedRequestItemCount = computed(() => {
 })
 const hasTemplateItemOrderChanges = computed(() => {
   const currentIds = (selectedTemplate.value?.items || []).map((item) => item.id)
-  return currentIds.join('|') !== savedGameItemOrderIds.value.join('|')
+  return currentIds.join('|') !== savedTemplateItemOrderIds.value.join('|')
 })
 const customItemPageCount = computed(() => Math.max(1, Math.ceil(customItemTotal.value / customItemLimit.value)))
 const adminTierListPageCount = computed(() => Math.max(1, Math.ceil(adminTierListTotal.value / adminTierListLimit.value)))
@@ -375,12 +375,12 @@ onUnmounted(() => {
   if (typeof document !== 'undefined') document.body.style.overflow = previousBodyOverflow.value || ''
   clearPreviewUrl('item')
   clearPreviewUrl('thumb')
-  if (gameItemSortableSyncTimer) {
-    clearTimeout(gameItemSortableSyncTimer)
-    gameItemSortableSyncTimer = null
+  if (templateItemSortableSyncTimer) {
+    clearTimeout(templateItemSortableSyncTimer)
+    templateItemSortableSyncTimer = null
   }
   destroyFeaturedSortable()
-  destroyGameItemSortable()
+  destroyTemplateItemSortable()
 })
 
 function clearPreviewUrl(kind) {
@@ -452,7 +452,7 @@ watch(
 )
 
 watch(
-  () => selectedTemplate.value?.game?.id || '',
+  () => selectedTemplate.value?.template?.id || '',
   async (templateId) => {
     await refreshSelectedTemplateTierListStats(templateId)
   },
@@ -481,7 +481,7 @@ watch(
 watch(
   () => activeTab.value,
   async (tab) => {
-    if (tab === 'template-admin' && selectedTemplateId.value && !selectedTemplate.value?.game?.id) {
+    if (tab === 'template-admin' && selectedTemplateId.value && !selectedTemplate.value?.template?.id) {
       await loadTemplate()
       return
     }
@@ -524,7 +524,7 @@ watch(
 )
 
 watch(
-  () => [selectedTemplate.value?.game?.id || '', selectedTemplate.value?.items?.length || 0, !!gameItemListEl.value],
+  () => [selectedTemplate.value?.template?.id || '', selectedTemplate.value?.items?.length || 0, !!templateItemListEl.value],
   ([templateId, itemCount, hasListEl]) => {
     if (!templateId || !itemCount || !hasListEl) return
     scheduleGameItemSortableSync()
@@ -571,6 +571,7 @@ function formatImageJobSourceCategory(category) {
       return '커스텀 아이템'
     case 'tierlists':
       return '티어표 썸네일'
+    case 'topics':
     case 'games':
       return '주제/템플릿 이미지'
     case 'avatars':
@@ -619,7 +620,7 @@ const imageDiagnosticsCards = computed(() => {
   ]
 })
 const visibleLinkedTemplates = computed(() =>
-  (modalTargetCustomItem.value?.linkedGames || []).filter((template) => template?.id && template.id !== 'freeform')
+  (modalTargetCustomItem.value?.linkedTemplates || []).filter((template) => template?.id && template.id !== 'freeform')
 )
 const linkedCustomItemTemplateIds = computed(() => new Set(visibleLinkedTemplates.value.map((template) => template.id).filter(Boolean)))
 
@@ -931,8 +932,8 @@ const {
 })
 
 const {
-  destroyGameItemSortable,
-  syncGameItemSortable,
+  destroyTemplateItemSortable,
+  syncTemplateItemSortable,
   mergeRequestItemsIntoDrafts,
   removeUploadDraft,
   loadTemplate,
@@ -953,10 +954,10 @@ const {
   thumbFile,
   itemPreviewUrls,
   itemFileInput,
-  gameItemListEl,
-  gameItemSortable,
-  savedGameItemOrderIds,
-  isGameLoading,
+  templateItemListEl,
+  templateItemSortable,
+  savedTemplateItemOrderIds,
+  isTemplateLoading,
   activeTemplateRequest,
   templateRequests,
   customItemModalOpen,
@@ -1167,17 +1168,17 @@ async function uploadThumbnail() {
 }
 
 async function saveTemplateVisibility() {
-  if (!selectedTemplate.value?.game?.id) return
+  if (!selectedTemplate.value?.template?.id) return
   try {
-    gameVisibilitySaving.value = true
-    const data = await api.updateAdminTemplate(selectedTemplate.value.game.id, {
-      isPublic: !!selectedTemplate.value.game.isPublic,
+    templateVisibilitySaving.value = true
+    const data = await api.updateAdminTemplate(selectedTemplate.value.template.id, {
+      isPublic: !!selectedTemplate.value.template.isPublic,
     })
     const nextTemplate = data.template || {}
     selectedTemplate.value = {
       ...selectedTemplate.value,
-      game: {
-        ...selectedTemplate.value.game,
+      template: {
+        ...selectedTemplate.value.template,
         ...nextTemplate,
       },
     }
@@ -1188,17 +1189,17 @@ async function saveTemplateVisibility() {
     error.value = '템플릿 공개 상태를 저장하지 못했어요.'
     return false
   } finally {
-    gameVisibilitySaving.value = false
+    templateVisibilitySaving.value = false
   }
 }
 
 async function toggleSelectedTemplateVisibility(nextValue) {
-  if (!selectedTemplate.value?.game?.id || gameVisibilitySaving.value) return
-  const previous = !!selectedTemplate.value.game.isPublic
+  if (!selectedTemplate.value?.template?.id || templateVisibilitySaving.value) return
+  const previous = !!selectedTemplate.value.template.isPublic
   selectedTemplate.value = {
     ...selectedTemplate.value,
-    game: {
-      ...selectedTemplate.value.game,
+    template: {
+      ...selectedTemplate.value.template,
       isPublic: !!nextValue,
     },
   }
@@ -1206,8 +1207,8 @@ async function toggleSelectedTemplateVisibility(nextValue) {
   if (!saved) {
     selectedTemplate.value = {
       ...selectedTemplate.value,
-      game: {
-        ...selectedTemplate.value.game,
+      template: {
+        ...selectedTemplate.value.template,
         isPublic: previous,
       },
     }
@@ -1278,9 +1279,9 @@ async function saveTemplateItemLabel(item) {
 
 async function removeTemplate() {
   resetMessages()
-  if (!selectedTemplateId.value || !selectedTemplate.value?.game) return
+  if (!selectedTemplateId.value || !selectedTemplate.value?.template) return
 
-  const ok = window.confirm(`"${selectedTemplate.value.game.name}" 템플릿을 삭제할까요? 관련 기본 아이템과 티어표도 함께 삭제됩니다.`)
+  const ok = window.confirm(`"${selectedTemplate.value.template.name}" 템플릿을 삭제할까요? 관련 기본 아이템과 티어표도 함께 삭제됩니다.`)
   if (!ok) return
 
   try {
@@ -1290,7 +1291,7 @@ async function removeTemplate() {
     })
     if (!res.ok) throw new Error('failed')
 
-    const deletedName = selectedTemplate.value.game.name
+    const deletedName = selectedTemplate.value.template.name
     selectedTemplateId.value = ''
     selectedTemplate.value = null
     resetUploadState()
@@ -1368,7 +1369,7 @@ function buildModalItemFromTierListItem(item, tierList) {
     sourceType: matchedItem?.sourceType || (String(id).startsWith('asset:') ? 'template' : 'user'),
     sourceLabel: matchedItem?.sourceLabel || '티어표 추가 아이템',
     ownerName: matchedItem?.ownerName || tierListAuthorDisplayName(tierList),
-    linkedGames: Array.isArray(matchedItem?.linkedGames) ? matchedItem.linkedGames : [],
+    linkedTemplates: Array.isArray(matchedItem?.linkedTemplates) ? matchedItem.linkedTemplates : [],
     usageCount: matchedItem?.usageCount || 0,
     canDelete: typeof matchedItem?.canDelete === 'boolean' ? matchedItem.canDelete : false,
     isPromoting: false,
@@ -1432,7 +1433,7 @@ async function saveAdminTierListMeta() {
     adminTierLists.value = adminTierLists.value.map((tierList) => (tierList.id === updated.id ? { ...tierList, ...updated } : tierList))
     if (previewTierList.value?.id === updated.id) previewTierList.value = { ...previewTierList.value, ...updated }
     modalTargetAdminTierList.value = updated
-    await Promise.all([refreshAdminTierListStats(), refreshSelectedTemplateTierListStats(selectedTemplate.value?.game?.id || '')])
+    await Promise.all([refreshAdminTierListStats(), refreshSelectedTemplateTierListStats(selectedTemplate.value?.template?.id || '')])
     success.value = '티어표 정보를 수정했어요.'
     closeAdminTierListManageModal()
   } catch (e) {
@@ -1454,7 +1455,7 @@ async function deleteAdminTierListEntry() {
     adminTierLists.value = adminTierLists.value.filter((tierList) => tierList.id !== modalTargetAdminTierList.value.id)
     adminTierListTotal.value = Math.max(0, adminTierListTotal.value - 1)
     if (previewTierList.value?.id === modalTargetAdminTierList.value.id) previewTierList.value = null
-    await Promise.all([refreshAdminTierListStats(), refreshSelectedTemplateTierListStats(selectedTemplate.value?.game?.id || '')])
+    await Promise.all([refreshAdminTierListStats(), refreshSelectedTemplateTierListStats(selectedTemplate.value?.template?.id || '')])
     success.value = '티어표를 삭제했어요.'
     closeAdminTierListManageModal()
     if (!adminTierLists.value.length && adminTierListPage.value > 1) {
@@ -1641,7 +1642,7 @@ function templateRequestTargetLabel(request) {
 
 const displayThumbnailUrl = computed(() => {
   if (thumbPreviewUrl.value) return thumbPreviewUrl.value
-  if (selectedTemplate.value?.game?.thumbnailSrc) return toApiUrl(selectedTemplate.value.game.thumbnailSrc)
+  if (selectedTemplate.value?.template?.thumbnailSrc) return toApiUrl(selectedTemplate.value.template.thumbnailSrc)
   return ''
 })
 
@@ -1707,12 +1708,12 @@ function userAvatarFallback(user) {
               :staged-request-draft-count="stagedRequestDraftCount"
               :applied-request-item-count="appliedRequestItemCount"
               :open-template-create-modal="openTemplateCreateModal"
-              :is-game-loading="isGameLoading"
+              :is-template-loading="isTemplateLoading"
               :has-selected-template="hasSelectedTemplate"
               :selected-template="selectedTemplate"
               :display-thumbnail-url="displayThumbnailUrl"
               :can-apply-thumbnail="canApplyThumbnail"
-              :game-visibility-saving="gameVisibilitySaving"
+              :template-visibility-saving="templateVisibilitySaving"
               :thumb-file-input-ref="setThumbFileInputRef"
               :open-thumb-file-picker="openThumbFilePicker"
               :on-thumb="onThumb"
@@ -1739,7 +1740,7 @@ function userAvatarFallback(user) {
               :remove-upload-draft="removeUploadDraft"
               :has-template-item-order-changes="hasTemplateItemOrderChanges"
               :save-template-item-order="saveTemplateItemOrder"
-              :game-item-list-ref="setGameItemListRef"
+              :template-item-list-ref="setGameItemListRef"
               :save-template-item-label="saveTemplateItemLabel"
               :remove-template-item="removeTemplateItem"
               :selected-template-id="selectedTemplateId"
@@ -1823,7 +1824,7 @@ function userAvatarFallback(user) {
                       v-model="newTemplateId"
                       class="field__input"
                       maxlength="120"
-                      placeholder="game id (영문/숫자)"
+                      placeholder="topic id (영문/숫자)"
                       @keydown.enter.prevent="createTemplate"
                     />
                     <span class="field__hint">영문, 숫자, 하이픈 조합 권장 · {{ newTemplateId.length }}/120자</span>
@@ -2235,12 +2236,12 @@ function userAvatarFallback(user) {
         <div class="adminSidebar__group">
           <button class="btn btn--primary" @click="openTemplateCreateModal">새 템플릿 생성</button>
           <button class="btn btn--ghost" @click="openTemplatePickerModal('template-admin')">템플릿 선택</button>
-          <div v-if="selectedTemplate?.game" class="adminSelectionCard">
+          <div v-if="selectedTemplate?.template" class="adminSelectionCard">
             <div class="adminSelectionCard__label">선택한 템플릿</div>
-            <div class="adminSelectionCard__title">{{ selectedTemplate.game.name }}</div>
-            <div class="adminSelectionCard__meta">{{ selectedTemplate.game.id }}</div>
+            <div class="adminSelectionCard__title">{{ selectedTemplate.template.name }}</div>
+            <div class="adminSelectionCard__meta">{{ selectedTemplate.template.id }}</div>
           </div>
-          <div v-if="selectedTemplateId && !hasSelectedTemplate && !isGameLoading" class="hint hint--tight">선택된 템플릿 ID: {{ selectedTemplateId }}</div>
+          <div v-if="selectedTemplateId && !hasSelectedTemplate && !isTemplateLoading" class="hint hint--tight">선택된 템플릿 ID: {{ selectedTemplateId }}</div>
         </div>
       </section>
 
@@ -3330,7 +3331,7 @@ function userAvatarFallback(user) {
   border-radius: 12px;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
-.adminUiScope .thumb--game {
+.adminUiScope .thumb--template {
   max-width: 150px;
   margin: 0 auto;
   display: block;

frontend/src/views/TierEditorView.vue

@@ -904,7 +904,7 @@ onMounted(() => {
         id: img.id,
         src: img.src,
         label: img.label,
-        origin: 'game',
+        origin: 'template',
       }))
       const map = {}
       base.forEach((it) => (map[it.id] = it))