릴리스: v1.4.5 프런트 내부 명칭 정리 1차

docs/history.md

@@ -1,5 +1,17 @@
 # 의사결정 이력
 
+## 2026-04-02 v1.4.5
+- 내부 리네이밍은 한 번에 API와 DB까지 건드리기보다, 홈·주제 화면·에디터처럼 영향 범위가 비교적 명확한 프런트 핵심 흐름부터 `game` 의존 이름을 줄여 나가는 편이 더 안전하다고 판단했다.
+
+## 2026-04-02 v1.4.4
+- 용어 정리 마무리 단계에서는 눈에 잘 띄는 영어 헤더를 그대로 두기보다, 홈과 관리자처럼 진입 빈도가 높은 화면의 상단 라벨까지 한국어로 맞춰야 전체 제품 인상이 더 자연스럽다고 판단했다.
+
+## 2026-04-02 v1.4.3
+- 용어 전환은 메뉴 타이틀만 바꾸는 것으로 끝나지 않고, 관리자 작업 중 반복해서 보게 되는 토스트와 확인창까지 맞춰야 실제 체감 일관성이 살아난다고 판단했다.
+
+## 2026-04-02 v1.4.2
+- 용어 정리를 시작한 뒤에는 일부 화면만 바꾸는 것보다, 관리자 모달과 확인 메시지처럼 실제 운영 중 많이 보는 문구도 함께 맞춰 주는 편이 체감 일관성이 더 높다고 판단했다.
+
 ## 2026-04-02 v1.4.1
 - 좌측 메뉴와 화면 타이틀의 명칭이 서로 다르면 사용자가 현재 위치를 직관적으로 매칭하기 어렵기 때문에, 메뉴 이름과 진입 타이틀을 같은 문구로 맞추는 편이 맞다고 판단했다.
 

docs/todo.md

@@ -1,10 +1,13 @@
 # 할 일 및 이슈
 
 ## 단기 확인
+- 내부 리네이밍 1단계로 홈/주제 화면/에디터/App 셸의 로컬 상태명은 먼저 정리했으므로, 다음 단계에서는 관리자 내부 `selectedGame / selectedGameId / games` 묶음을 같은 기준으로 옮긴다.
+- 화면/문서 층의 용어 정리는 거의 마무리됐으므로, 다음 단계에서는 내부 `gameId / games` 모델을 정말 `topic / template` 쪽으로 옮길지 범위를 먼저 정리한다.
+- 관리자 화면까지 포함한 사용자 노출 `게임` 문구를 3차까지 정리했으므로, 실제 운영 흐름에서 뜨는 확인창/토스트/선택 모달까지 표현이 자연스러운지 한 번 더 QA한다.
 - 왼쪽 사이드 메뉴와 각 화면 타이틀을 한글 기준으로 맞췄으므로, 홈/나의 티어표/즐겨찾기/설정 진입 시 실제 체감이 자연스럽고 중복 표현이 어색하지 않은지 한 번 더 QA한다.
-- 용어 정리 1차는 사용자 노출 문구만 `주제 / 템플릿`으로 바꿨으므로, 홈/주제 화면/관리자 템플릿 관리에서 어색하게 남은 `게임` 문구가 없는지 한 번 더 QA한다.
+- 사용자 노출 용어는 `주제 / 템플릿` 기준으로 계속 걷어내고 있으므로, 홈/주제 화면/관리자 템플릿 관리에서 어색하게 남은 `게임` 문구가 없는지 한 번 더 QA한다.
 - 내부 모델명은 아직 `game`을 유지하므로, 다음 단계에서는 문서와 보조 화면 문구를 더 정리할지, 아니면 내부 리네이밍 계획을 따로 잡을지 결정한다.
-- 게임 목록과 티어표 카드 썸네일은 기본 이미지 드래그를 막았으므로, 데스크톱 브라우저에서 클릭/드래그 시 원본 이미지 프리뷰가 더 이상 뜨지 않는지 한 번 더 QA한다.
+- 주제 목록과 티어표 카드 썸네일은 기본 이미지 드래그를 막았으므로, 데스크톱 브라우저에서 클릭/드래그 시 원본 이미지 프리뷰가 더 이상 뜨지 않는지 한 번 더 QA한다.
 - 왼쪽 레일 활성 배경은 공용 인디케이터가 이동하는 방식으로 바뀌었으므로, 홈/내 티어표/즐겨찾기/설정 전환과 레일 접힘 상태 양쪽에서 위치 보정이 자연스러운지 한 번 더 QA한다.
 - 로그인 화면 상단 토글은 이동형 인디케이터로 바뀌었으므로, 데스크톱과 모바일에서 `로그인 / 회원가입` 전환 애니메이션이 어색하지 않고 포커스/클릭 상태도 자연스러운지 한 번 더 QA한다.
 - 관리자 카드 설명 줄임은 `line-clamp` 표준 속성까지 함께 선언했으므로, 실제 브라우저별 표시 차이가 없는지 한 번 더 QA한다.
@@ -20,21 +23,21 @@
 - 관리자 템플릿 요청 카드는 썸네일 클릭이 새창 열기 역할로 바뀌었으므로, 썸네일 클릭과 `확인하기` 액션이 서로 헷갈리지 않는지 한 번 더 QA한다.
 - 티어표 만들기 화면의 `공유하기`는 저장된 티어표에서만 노출되므로, 저장 직후/수정 중/복사본/읽기 전용 상태 각각에서 노출 조건과 클립보드 복사가 자연스러운지 한 번 더 QA한다.
 - 우측 카피라이트는 이제 공통 오른쪽 레일 footer이므로, 관리자 화면뿐 아니라 홈/프로필 등 오른쪽 사이드가 보이는 화면에서도 같은 최하단 위치에 유지되는지 한 번 더 QA한다.
-- 왼쪽 레일 축소 상태의 하단 액션 아이콘은 홈과 게임 허브에서 서로 다른 아이콘을 쓰도록 나눴으므로, 실제로 두 문맥이 한눈에 구분되는지 한 번 더 QA한다.
-- 왼쪽 레일 축소 상태 최하단의 `티어표 만들기` 아이콘 버튼은 새로 추가했으므로, 홈/게임 허브에서 실제로 같은 위치 감각으로 동작하는지 한 번 더 QA한다.
+- 왼쪽 레일 축소 상태의 하단 액션 아이콘은 홈과 주제 화면에서 서로 다른 아이콘을 쓰도록 나눴으므로, 실제로 두 문맥이 한눈에 구분되는지 한 번 더 QA한다.
+- 왼쪽 레일 축소 상태 최하단의 `티어표 만들기` 아이콘 버튼은 새로 추가했으므로, 홈/주제 화면에서 실제로 같은 위치 감각으로 동작하는지 한 번 더 QA한다.
 - 관리자 우측 카피라이트 문구는 사이드바 내부 최하단으로 다시 옮겼으므로, 실제 관리자 화면에서 스크롤/창 크기 변화에도 계속 보이는지 한 번 더 QA한다.
 - 왼쪽 레일 축소 상태는 아이콘 줄 높이를 50px 기준으로 통일했으므로, 실제 데스크톱에서 아바타/검색/메뉴 아이콘이 시각적으로 같은 리듬으로 보이는지 한 번 더 QA한다.
-- 왼쪽 레일 검색은 이제 항상 게임 검색으로 홈으로 이동하므로, 홈이 아닌 화면에서 사이드 검색 후 게임 목록 결과로 자연스럽게 이동하는지 한 번 더 QA한다.
+- 왼쪽 레일 검색은 이제 항상 주제 템플릿 검색으로 홈으로 이동하므로, 홈이 아닌 화면에서 사이드 검색 후 주제 목록 결과로 자연스럽게 이동하는지 한 번 더 QA한다.
 - 앱 왼쪽 사이드 레일은 접힘 상태 레이아웃을 다시 손봤으므로, 데스크톱에서 접기/펼치기 반복 시 아바타 영역 높이, 아이콘 중앙 정렬, 검색 버튼 간격, 네비게이션 히트 영역이 모두 자연스러운지 한 번 더 QA한다.
 - 관리자 우측 사이드바 하단 카피라이트 링크는 새 창 외부 링크로 바꿨으므로, 실제 클릭 시 `zenn.town` 연결과 hover 대비가 자연스러운지 한 번 더 QA한다.
-- 관리자 아이템 상세 모달은 공통 패딩 예외 처리를 다시 넣었으므로, 대형 상세 모달과 일반 게임 선택 모달이 각각 기대한 크기로 보이는지 한 번 더 QA한다.
-- 아이템 관리 모달의 공용 게임 선택기에서는 이미 연결된 게임이 비활성화되므로, 실제 운영 데이터에서 중복 연결 방지와 `이미 추가됨` 표시가 기대대로 읽히는지 한 번 더 QA한다.
-- 공용 게임 선택 모달을 아이템 관리 모달에도 붙였으므로, 관리자 `게임 관리 / 전체 티어표 관리 / 아이템 관리` 세 흐름에서 같은 검색/선택 UX가 자연스럽게 느껴지는지 한 번 더 QA한다.
-- 관리자 `/admin/games?gameId=...` 직접 진입과 새로고침에서 선택 게임이 정상 복원되고 콘솔 오류가 없는지 한 번 더 QA한다.
-- 공용 `게임 선택` 검색 모달은 새로 붙였으므로, 게임 관리 선택/전체 티어표 관리 필터 양쪽에서 검색어 입력, 선택, 해제, 뒤로가기 흐름을 한 번 더 QA한다.
-- 관리자 `전체 티어표 관리`의 게임 필터와 관리 모달은 새로 붙였으므로, 실제 운영 데이터에서 필터 전환 후 공개/비공개 집계, 제목 수정, 비공개 전환, 삭제 흐름이 자연스럽게 이어지는지 한 번 더 QA한다.
-- 관리자 게임 관리 상단의 `전체 / 공개 / 비공개` 티어표 수치와 전체 티어표 관리 상단 집계가 실제 운영 데이터와 맞는지, 공개 전환 직후 숫자가 자연스럽게 갱신되는지 한 번 더 QA한다.
-- 관리자 아이템 상세 모달은 왼쪽 선택 카드와 오른쪽 상세 본문으로 다시 정리했으므로, 데스크톱/모바일에서 긴 게임 목록과 긴 참조 목록이 각각 자연스럽게 스크롤되는지 한 번 더 QA한다.
+- 관리자 아이템 상세 모달은 공통 패딩 예외 처리를 다시 넣었으므로, 대형 상세 모달과 일반 템플릿 선택 모달이 각각 기대한 크기로 보이는지 한 번 더 QA한다.
+- 아이템 관리 모달의 공용 템플릿 선택기에서는 이미 연결된 템플릿이 비활성화되므로, 실제 운영 데이터에서 중복 연결 방지와 `이미 추가됨` 표시가 기대대로 읽히는지 한 번 더 QA한다.
+- 공용 템플릿 선택 모달을 아이템 관리 모달에도 붙였으므로, 관리자 `템플릿 관리 / 전체 티어표 관리 / 아이템 관리` 세 흐름에서 같은 검색/선택 UX가 자연스럽게 느껴지는지 한 번 더 QA한다.
+- 관리자 `/admin/games?gameId=...` 직접 진입과 새로고침에서 선택 템플릿이 정상 복원되고 콘솔 오류가 없는지 한 번 더 QA한다.
+- 공용 `템플릿 선택` 검색 모달은 새로 붙였으므로, 템플릿 관리 선택/전체 티어표 관리 필터 양쪽에서 검색어 입력, 선택, 해제, 뒤로가기 흐름을 한 번 더 QA한다.
+- 관리자 `전체 티어표 관리`의 템플릿 필터와 관리 모달은 새로 붙였으므로, 실제 운영 데이터에서 필터 전환 후 공개/비공개 집계, 제목 수정, 비공개 전환, 삭제 흐름이 자연스럽게 이어지는지 한 번 더 QA한다.
+- 관리자 템플릿 관리 상단의 `전체 / 공개 / 비공개` 티어표 수치와 전체 티어표 관리 상단 집계가 실제 운영 데이터와 맞는지, 공개 전환 직후 숫자가 자연스럽게 갱신되는지 한 번 더 QA한다.
+- 관리자 아이템 상세 모달은 왼쪽 선택 카드와 오른쪽 상세 본문으로 다시 정리했으므로, 데스크톱/모바일에서 긴 템플릿 목록과 긴 참조 목록이 각각 자연스럽게 스크롤되는지 한 번 더 QA한다.
 - 관리자 계정으로 `/admin/...`을 직접 새로고침했을 때 홈으로 튕기지 않고 그대로 유지되는지, 실제 세션이 살아 있는 브라우저와 만료된 브라우저 각각에서 한 번 더 QA한다.
 - 티어표 만들기 화면의 보드 드롭존은 점선/높이/중앙 정렬로 존재감이 커졌으므로, 데스크톱과 모바일에서 파일 선택 버튼과 안내 문구 밀도를 한 번 더 QA한다.
 - 관리자 썸네일 드롭존과 기본 아이템 추가 드롭존은 에디터 드롭존과 시각 문법을 맞췄으므로, 라이트모드와 좁은 화면에서 아이콘 대비와 배경 밝기가 과하지 않은지 한 번 더 QA한다.

docs/update.md

@@ -1,5 +1,18 @@
 # 업데이트 로그
 
+## 2026-04-02 v1.4.5
+- 내부 리네이밍 1단계를 시작해 홈, 주제 화면, 티어표 편집기, 앱 셸에서 `games / gameId / gameName` 중심의 로컬 상태명을 `templates / topicId / templateId / templateName` 계열로 먼저 정리했다.
+- 경로와 API는 그대로 둔 채 프런트 내부에서 자주 읽는 상태명부터 바꿔, 이후 `/games` 라우트와 관리자 상태를 손볼 때 의미 충돌이 덜 나도록 기반을 만들었다.
+
+## 2026-04-02 v1.4.4
+- 홈 화면 `Topic Library`와 일부 영어 헤더를 `주제 선택 / 티어표 / 관리자 작업실 / 티어표 만들기 / 작업 공간`으로 정리해, 화면 타이틀과 상단 레이블까지 한국어 기준으로 거의 통일했다.
+
+## 2026-04-02 v1.4.3
+- 관리자 토스트, 확인창, 요청 처리 안내처럼 실제로 자주 보이는 운영 문구까지 `주제 / 템플릿` 기준으로 한 번 더 정리해, 화면 제목뿐 아니라 작업 피드백도 더 일관되게 맞췄다.
+
+## 2026-04-02 v1.4.2
+- 관리자 화면과 보조 모달에 남아 있던 사용자 노출 `게임` 문구를 추가로 걷어내고, `템플릿 / 주제` 기준 표현으로 더 통일했다.
+
 ## 2026-04-02 v1.4.1
 - 왼쪽 사이드 메뉴를 `주제 선택 / 나의 티어표 / 즐겨찾기 / 설정` 한글 문구로 통일하고, 해당 화면 진입 시 헤더 타이틀도 같은 이름 기준으로 맞췄다.
 

frontend/src/App.vue

@@ -134,8 +134,8 @@ const isGuideNextDisabled = computed(() => guideStepIndex.value >= guideSteps.le
 const isLightTheme = computed(() => themeMode.value === 'light')
 const themeToggleLabel = computed(() => (isLightTheme.value ? '다크 모드' : '라이트 모드'))
 const showSettingsThemePanel = computed(() => false && route.name === 'profile')
-const showGameHubViewToggle = computed(() => route.name === 'gameHub')
-const gameHubViewMode = computed(() => (route.query.view === 'list' ? 'list' : 'grid'))
+const showTopicViewToggle = computed(() => route.name === 'gameHub')
+const topicViewMode = computed(() => (route.query.view === 'list' ? 'list' : 'grid'))
 const leftBottomPrimaryAction = computed(() => {
   if (!authReady.value) return null
   if (route.name === 'home' && auth.user) {
@@ -176,7 +176,7 @@ const routeMeta = computed(() => {
   }
   if (route.name === 'editEditor' || route.name === 'newEditor') {
     return {
-      title: 'Deck Builder',
+      title: '티어표 만들기',
       subtitle: '티어표 편집 및 공유',
       contextTitle: '편집 패널',
       contextText: '현재 편집 옵션은 중앙 화면 안에 유지되어 있습니다. 다음 단계에서 우측 패널로 정리해갈게요.',
@@ -186,7 +186,7 @@ const routeMeta = computed(() => {
   }
   if (isAdminRoute.value) {
     return {
-      title: 'Admin Workspace',
+      title: '관리자 작업실',
       subtitle: '템플릿·아이템·회원 관리',
       contextTitle: '운영 노트',
       contextText: '관리자 화면은 기능이 많아 우선 공통 셸 톤을 맞췄고, 세부 패널은 다음 단계에서 시안 방식으로 더 세밀하게 나눌 예정입니다.',
@@ -237,7 +237,7 @@ const routeMeta = computed(() => {
   return {
     title: 'Tier Maker',
     subtitle: '주제 템플릿으로 만드는 티어표',
-    contextTitle: 'Workspace',
+    contextTitle: '작업 공간',
     contextText: '현재 화면에 맞는 도구와 안내를 여기에 배치할 수 있습니다.',
     actionLabel: '홈으로',
     action: () => router.push('/'),
@@ -344,7 +344,7 @@ function toggleRightRail() {
   }
 }
 
-function setGameHubViewMode(mode) {
+function setTopicViewMode(mode) {
   if (route.name !== 'gameHub') return
   const nextQuery = { ...route.query }
   if (mode === 'list') nextQuery.view = 'list'
@@ -499,11 +499,11 @@ function submitGlobalSearch() {
               <span class="workspaceHead__brandTitle">Tier Maker</span>
             </div>
             <div class="workspaceHead__actions">
-              <div v-if="showGameHubViewToggle" class="viewToggle" role="group" aria-label="티어표 보기 방식">
-                <button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': gameHubViewMode === 'grid' }" type="button" aria-label="그리드 보기" @click="setGameHubViewMode('grid')">
+              <div v-if="showTopicViewToggle" class="viewToggle" role="group" aria-label="티어표 보기 방식">
+                <button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': topicViewMode === 'grid' }" type="button" aria-label="그리드 보기" @click="setTopicViewMode('grid')">
                   <SvgIcon :src="iconGridView" :size="24" />
                 </button>
-                <button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': gameHubViewMode === 'list' }" type="button" aria-label="리스트 보기" @click="setGameHubViewMode('list')">
+                <button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': topicViewMode === 'list' }" type="button" aria-label="리스트 보기" @click="setTopicViewMode('list')">
                   <SvgIcon :src="iconLists" :size="24" />
                 </button>
               </div>

frontend/src/composables/useAdminCustomItems.js

@@ -161,7 +161,7 @@ export function useAdminCustomItems({
   async function promoteCustomItem(item) {
     resetMessages()
     if (!customItemModalTargetGameId.value) {
-      error.value = '추가할 게임을 먼저 선택해주세요.'
+      error.value = '추가할 템플릿을 먼저 선택해주세요.'
       return
     }
 

frontend/src/composables/useAdminFeaturedGames.js

@@ -43,7 +43,7 @@ export function useAdminFeaturedGames({
     resetMessages()
     if (!gameId || featuredGameIds.value.includes(gameId)) return
     if (featuredGameIds.value.length >= 50) {
-      error.value = '상단 고정 게임은 최대 50개까지만 설정할 수 있어요.'
+      error.value = '상단 고정 템플릿은 최대 50개까지만 설정할 수 있어요.'
       return
     }
     featuredGameIds.value = [...featuredGameIds.value, gameId]
@@ -76,9 +76,9 @@ export function useAdminFeaturedGames({
         .filter((game) => game.displayRank != null)
         .sort((a, b) => a.displayRank - b.displayRank)
         .map((game) => game.id)
-      success.value = '홈 화면 게임 순서를 저장했어요.'
+      success.value = '홈 화면 템플릿 순서를 저장했어요.'
     } catch (e) {
-      error.value = '게임 순서 저장에 실패했어요.'
+      error.value = '템플릿 순서 저장에 실패했어요.'
     }
   }
 

frontend/src/composables/useAdminGameManager.js

@@ -143,7 +143,7 @@ export function useAdminGameManager({
       await syncGameItemSortable()
     } catch (e) {
       selectedGame.value = null
-      error.value = '게임 정보를 불러오지 못했어요.'
+      error.value = '템플릿 정보를 불러오지 못했어요.'
     } finally {
       isGameLoading.value = false
     }
@@ -196,9 +196,9 @@ export function useAdminGameManager({
         const sourceRequest = templateRequests.value.find((entry) => entry.id === activeTemplateRequest.value.id) || activeTemplateRequest.value
         mergeRequestItemsIntoDrafts(sourceRequest)
       }
-      success.value = '게임이 생성됐어요. 이어서 썸네일과 기본 아이템을 관리할 수 있어요.'
+      success.value = '템플릿이 생성됐어요. 이어서 썸네일과 기본 아이템을 관리할 수 있어요.'
     } catch (e) {
-      error.value = '게임 생성 실패(관리자 권한/중복 ID 확인)'
+      error.value = '템플릿 생성 실패(관리자 권한/중복 ID 확인)'
     }
   }
 
@@ -258,7 +258,7 @@ export function useAdminGameManager({
         const draftGameId = (activeTemplateRequest.value?.draftGameId || '').trim()
         const draftGameName = (activeTemplateRequest.value?.draftGameName || '').trim()
         if (!draftGameId || !draftGameName) {
-          error.value = '먼저 신규 템플릿의 게임 이름과 게임 ID를 저장해주세요.'
+          error.value = '먼저 신규 템플릿의 이름과 템플릿 ID를 저장해주세요.'
           return
         }
         await createGame({
@@ -269,7 +269,7 @@ export function useAdminGameManager({
       }
 
       if (!selectedGameId.value) {
-        error.value = '게임을 먼저 선택해주세요.'
+        error.value = '템플릿을 먼저 선택해주세요.'
         return
       }
 
@@ -311,7 +311,7 @@ export function useAdminGameManager({
 
       resetUploadState()
       await loadGame()
-      success.value = `게임 기본 아이템 ${uploadCount}개 추가를 완료했어요.`
+      success.value = `템플릿 기본 아이템 ${uploadCount}개 추가를 완료했어요.`
     } catch (e) {
       const apiError = e?.data?.error || ''
       if (apiError === 'no_items_selected') {
@@ -320,11 +320,11 @@ export function useAdminGameManager({
       }
       if (apiError === 'promote_items_failed') {
         const detail = e?.data?.detail ? ` (${e.data.detail})` : ''
-        error.value = `요청 아이템을 게임 기본 아이템으로 옮기지 못했어요.${detail}`
+        error.value = `요청 아이템을 템플릿 기본 아이템으로 옮기지 못했어요.${detail}`
         return
       }
       if (apiError === 'game_not_found') {
-        error.value = '선택한 게임을 찾지 못했어요.'
+        error.value = '선택한 템플릿을 찾지 못했어요.'
         return
       }
       error.value = '아이템 추가에 실패했어요.'

frontend/src/composables/useAdminTemplateRequests.js

@@ -41,8 +41,8 @@ export function useAdminTemplateRequests({
   }
 
   function templateRequestReviewHint(request) {
-    if (request.type === 'create') return '게임 생성 후 필요한 아이템만 골라 추가하고, 끝나면 여기서 처리 완료하세요.'
-    return '확인하기를 누르면 게임 관리 화면에 요청 아이템이 임시 추가되어 필요한 것만 선별 저장할 수 있어요.'
+    if (request.type === 'create') return '템플릿 생성 후 필요한 아이템만 골라 추가하고, 끝나면 여기서 처리 완료하세요.'
+    return '확인하기를 누르면 템플릿 관리 화면에 요청 아이템이 임시 추가되어 필요한 것만 선별 저장할 수 있어요.'
   }
 
   async function startTemplateRequestReview(request) {
@@ -77,7 +77,7 @@ export function useAdminTemplateRequests({
         if (nextGameId) await selectAdminGame(nextGameId)
         mergeRequestItemsIntoDrafts(syncedRequest)
       }
-      success.value = '요청 아이템을 게임 관리 화면으로 가져왔어요. 필요한 항목만 골라서 추가해 주세요.'
+      success.value = '요청 아이템을 템플릿 관리 화면으로 가져왔어요. 필요한 항목만 골라서 추가해 주세요.'
     } catch (e) {
       error.value = '요청 확인 단계로 이동하지 못했어요.'
     } finally {

frontend/src/views/AdminView.vue

@@ -571,7 +571,7 @@ function formatImageJobSourceCategory(category) {
     case 'tierlists':
       return '티어표 썸네일'
     case 'games':
-      return '게임/템플릿 이미지'
+      return '주제/템플릿 이미지'
     case 'avatars':
       return '프로필 아바타'
     default:
@@ -599,7 +599,7 @@ function customItemDeleteImpactText(item) {
   if (item.sourceType === 'template') {
     return item.isAssetLibraryItem
       ? `"${item.label}" 보관 자산 항목을 정리할까요? 라이브러리 항목만 제거되고, 같은 이미지를 쓰는 다른 참조는 그대로 유지됩니다.`
-      : `"${item.label}" 템플릿 항목을 정리할까요? 연결된 템플릿과 같은 게임의 저장된 티어표에서 이 항목이 함께 제거될 수 있어요.`
+      : `"${item.label}" 템플릿 항목을 정리할까요? 연결된 템플릿과 같은 주제의 저장된 티어표에서 이 항목이 함께 제거될 수 있어요.`
   }
 
   return `"${item.label}" 사용자 업로드 이미지를 삭제할까요? 현재 항목만 정리됩니다.`
@@ -703,7 +703,7 @@ async function confirmImageReset() {
 }
 
 async function cleanupMissingImageReferences() {
-  const ok = window.confirm('파일이 실제로 없는 이미지 참조만 정리할까요? 누락된 썸네일은 비워지고, 누락된 게임/커스텀 아이템은 관련 참조와 함께 정리됩니다.')
+  const ok = window.confirm('파일이 실제로 없는 이미지 참조만 정리할까요? 누락된 썸네일은 비워지고, 누락된 템플릿/커스텀 아이템은 관련 참조와 함께 정리됩니다.')
   if (!ok) return
 
   try {
@@ -714,10 +714,10 @@ async function cleanupMissingImageReferences() {
     success.value =
       `누락 참조를 정리했어요. ` +
       `아바타 ${result.clearedAvatars || 0}건, ` +
-      `게임 썸네일 ${result.clearedGameThumbnails || 0}건, ` +
+      `템플릿 썸네일 ${result.clearedGameThumbnails || 0}건, ` +
       `티어표 썸네일 ${result.clearedTierListThumbnails || 0}건, ` +
       `요청 썸네일 ${result.clearedTemplateRequestThumbnails || 0}건, ` +
-      `게임 아이템 ${result.deletedGameItems || 0}건, ` +
+      `템플릿 아이템 ${result.deletedGameItems || 0}건, ` +
       `커스텀 아이템 ${result.deletedCustomItems || 0}건`
   } catch (e) {
     error.value = '누락 이미지 참조 정리에 실패했어요.'
@@ -1180,10 +1180,10 @@ async function saveGameVisibility() {
       },
     }
     await refreshGames()
-    success.value = data.game?.isPublic ? '게임을 공개 상태로 전환했어요.' : '게임을 비공개 상태로 전환했어요.'
+    success.value = data.game?.isPublic ? '템플릿을 공개 상태로 전환했어요.' : '템플릿을 비공개 상태로 전환했어요.'
     return true
   } catch (e) {
-    error.value = '게임 공개 상태를 저장하지 못했어요.'
+    error.value = '템플릿 공개 상태를 저장하지 못했어요.'
     return false
   } finally {
     gameVisibilitySaving.value = false
@@ -1225,9 +1225,9 @@ async function removeGameItem(itemId) {
     if (!res.ok) throw new Error('failed')
 
     await loadGame()
-    success.value = '게임 기본 아이템을 삭제했어요.'
+    success.value = '템플릿 기본 아이템을 삭제했어요.'
   } catch (e) {
-    error.value = '게임 기본 아이템 삭제에 실패했어요.'
+    error.value = '템플릿 기본 아이템 삭제에 실패했어요.'
   }
 }
 
@@ -1258,7 +1258,7 @@ async function removeGame() {
   resetMessages()
   if (!selectedGameId.value || !selectedGame.value?.game) return
 
-  const ok = window.confirm(`"${selectedGame.value.game.name}" 게임을 삭제할까요? 관련 기본 아이템과 티어표도 함께 삭제됩니다.`)
+  const ok = window.confirm(`"${selectedGame.value.game.name}" 템플릿을 삭제할까요? 관련 기본 아이템과 티어표도 함께 삭제됩니다.`)
   if (!ok) return
 
   try {
@@ -1273,7 +1273,7 @@ async function removeGame() {
     selectedGame.value = null
     resetUploadState()
     await refreshGames()
-    success.value = `${deletedName} 게임을 삭제했어요.`
+    success.value = `${deletedName} 템플릿을 삭제했어요.`
   } catch (e) {
     error.value = '템플릿 삭제에 실패했어요.'
   }
@@ -1647,7 +1647,7 @@ function userAvatarFallback(user) {
   <section class="wrap adminUiScope">
     <!-- <h2 class="title">관리자</h2> -->
     <div class="card">
-      <!-- <div class="desc">기능이 많아진 만큼 관리 영역을 게임, 아이템, 회원 관리로 나눠서 정리합니다.</div> -->
+      <!-- <div class="desc">기능이 많아진 만큼 관리 영역을 템플릿, 아이템, 회원 관리로 나눠서 정리합니다.</div> -->
       <div v-if="!auth.user" class="warn">로그인이 필요해요.</div>
       <div v-else-if="!isAdmin" class="warn">이 계정은 관리자 권한이 없어요.</div>
 
@@ -1655,7 +1655,7 @@ function userAvatarFallback(user) {
         <div class="adminWorkspace">
           <div class="adminMain">
             <header class="adminHero">
-              <div class="adminHero__eyebrow">Admin Workspace</div>
+              <div class="adminHero__eyebrow">관리자 작업실</div>
               <h2 class="adminHero__title">{{ activeTabTitle }}</h2>
               <p class="adminHero__desc">{{ activeTabDescription }}</p>
               <div class="adminHero__stats">
@@ -1950,12 +1950,12 @@ function userAvatarFallback(user) {
                   <aside class="customItemModal__pickerPanel">
                     <div class="customItemModal__pickerHead">
                       <div class="customItemModal__pickerEyebrow">GAME PICKER</div>
-                      <div class="customItemModal__pickerTitle">템플릿으로 추가할 게임</div>
+                      <div class="customItemModal__pickerTitle">아이템을 추가할 템플릿</div>
                     </div>
                     <div class="adminSelectionCard">
                       <div class="adminSelectionCard__label">선택한 템플릿</div>
                       <div class="adminSelectionCard__title">{{ customItemTargetGame?.name || '아직 선택하지 않음' }}</div>
-                      <div class="adminSelectionCard__meta">{{ customItemTargetGame?.id || '게임을 골라 주세요.' }}</div>
+                      <div class="adminSelectionCard__meta">{{ customItemTargetGame?.id || '템플릿을 골라 주세요.' }}</div>
                     </div>
                     <div class="customItemModal__pickerActions">
                       <button class="btn btn--ghost" type="button" @click="openGamePickerModal('custom-item-target')">템플릿 선택</button>
@@ -1983,11 +1983,11 @@ function userAvatarFallback(user) {
                     <div class="customItemModal__metaList">
                       <div class="customItemModal__metaRow"><span>파일</span><strong :title="modalTargetCustomItem.src.split('/').pop()">{{ modalTargetCustomItem.src.split('/').pop() }}</strong></div>
                       <div class="customItemModal__metaRow"><span>업로더/출처</span><strong :title="modalTargetCustomItem.ownerName">{{ modalTargetCustomItem.ownerName }}</strong></div>
-                      <div class="customItemModal__metaRow"><span>템플릿 연결</span><strong>{{ visibleLinkedGames.length }}개 게임</strong></div>
+                      <div class="customItemModal__metaRow"><span>템플릿 연결</span><strong>{{ visibleLinkedGames.length }}개 템플릿</strong></div>
                       <div class="customItemModal__metaRow"><span>등록일</span><strong>{{ fmt(modalTargetCustomItem.createdAt) }}</strong></div>
                     </div>
                     <div class="customItemModal__linked">
-                      <span class="customItemModal__label">템플릿에 사용 중인 게임</span>
+                      <span class="customItemModal__label">이 이미지를 사용하는 템플릿</span>
                       <div v-if="visibleLinkedGames.length" class="customItemModal__chips">
                         <button v-for="game in visibleLinkedGames" :key="game.id" type="button" class="pill pill--link" @click="jumpToGameAdmin(game.id)">{{ game.name }}</button>
                       </div>
@@ -2012,7 +2012,7 @@ function userAvatarFallback(user) {
                   <div>
                     <div class="modalCard__title">템플릿 선택</div>
                     <div class="modalCard__desc">
-                      {{ gamePickerMode === 'tierlists-filter' ? '특정 게임의 티어표만 보려면 게임을 선택하세요.' : '관리할 게임을 검색해서 바로 열 수 있어요.' }}
+                      {{ gamePickerMode === 'tierlists-filter' ? '특정 주제의 티어표만 보려면 템플릿을 선택하세요.' : '관리할 템플릿을 검색해서 바로 열 수 있어요.' }}
                     </div>
                   </div>
                   <button class="btn btn--ghost btn--small" @click="closeGamePickerModal">닫기</button>
@@ -2029,7 +2029,7 @@ function userAvatarFallback(user) {
                     type="button"
                     @click="setAdminTierListGameId(''); closeGamePickerModal()"
                   >
-                    모든 게임 보기
+                    모든 주제 보기
                   </button>
                 </div>
                 <div class="gamePickerModalList">

frontend/src/views/GameHubView.vue

@@ -9,9 +9,8 @@ const route = useRoute()
 const router = useRouter()
 const auth = useAuthStore()
 
-const gameId = computed(() => route.params.gameId)
-
-const gameName = ref('')
+const topicId = computed(() => route.params.gameId)
+const topicName = ref('')
 const tierLists = ref([])
 const error = ref('')
 const query = ref('')
@@ -55,10 +54,10 @@ onMounted(async () => {
 async function loadTierLists() {
   try {
     const [gameRes, listRes] = await Promise.all([
-      api.getGame(gameId.value),
-      api.searchPublicTierLists(gameId.value, query.value),
+      api.getGame(topicId.value),
+      api.searchPublicTierLists(topicId.value, query.value),
     ])
-    gameName.value = gameRes.game?.name || gameId.value
+    topicName.value = gameRes.game?.name || topicId.value
     brokenThumbnailIds.value = {}
     tierLists.value = listRes.tierLists || []
   } catch (e) {
@@ -68,14 +67,14 @@ async function loadTierLists() {
 
 function createNew() {
   if (!auth.user) {
-    router.push(`/login?redirect=/editor/${gameId.value}/new`)
+    router.push(`/login?redirect=/editor/${topicId.value}/new`)
     return
   }
-  router.push(`/editor/${gameId.value}/new`)
+  router.push(`/editor/${topicId.value}/new`)
 }
 
 function openTierList(id) {
-  router.push(`/editor/${gameId.value}/${id}`)
+  router.push(`/editor/${topicId.value}/${id}`)
 }
 
 function submitSearch() {
@@ -87,7 +86,7 @@ function submitSearch() {
   <section class="dashboardHero">
     <div class="dashboardHero__left">
       <div class="dashboardHero__eyebrow">Collection</div>
-      <h2 class="dashboardHero__title">{{ gameName || gameId }}</h2>
+      <h2 class="dashboardHero__title">{{ topicName || topicId }}</h2>
       <p class="dashboardHero__desc">이 주제의 공개 티어표를 탐색하고, 바로 새 보드를 만들어 같은 흐름으로 이어갈 수 있어요.</p>
     </div>
   </section>

frontend/src/views/HomeView.vue

@@ -11,12 +11,12 @@ const route = useRoute()
 const router = useRouter()
 const auth = useAuthStore()
 
-const items = ref([])
+const templateRecords = ref([])
 const error = ref('')
 const loadingFavoriteId = ref('')
 const query = computed(() => (typeof route.query.q === 'string' ? route.query.q.trim().toLowerCase() : ''))
-const games = computed(() => {
-  const filtered = items.value
+const templates = computed(() => {
+  const filtered = templateRecords.value
     .filter((item) => item.id !== 'freeform')
     .filter((item) => {
       if (!query.value) return true
@@ -33,34 +33,34 @@ const games = computed(() => {
   })
 })
 
-async function loadGames() {
+async function loadTemplates() {
   try {
     const data = await api.listGames()
-    items.value = data.games || []
+    templateRecords.value = data.games || []
   } catch (e) {
     error.value = '백엔드에 연결할 수 없어요. backend 서버가 실행 중인지 확인해주세요.'
   }
 }
 
-onMounted(loadGames)
-watch(() => auth.user?.id, loadGames)
+onMounted(loadTemplates)
+watch(() => auth.user?.id, loadTemplates)
 
-function goGame(gameId) {
-  router.push(`/games/${gameId}`)
+function openTopic(templateId) {
+  router.push(`/games/${templateId}`)
 }
 
-async function toggleFavorite(game, event) {
+async function toggleFavorite(template, event) {
   event?.stopPropagation()
   if (!auth.user) {
     router.push(`/login?redirect=${encodeURIComponent(route.fullPath || '/')}`)
     return
   }
-  if (!game?.id || loadingFavoriteId.value === game.id) return
+  if (!template?.id || loadingFavoriteId.value === template.id) return
 
   try {
-    loadingFavoriteId.value = game.id
-    const res = game.isFavorited ? await api.unfavoriteGame(game.id) : await api.favoriteGame(game.id)
-    items.value = items.value.map((entry) => (entry.id === game.id ? { ...entry, ...res.game } : entry))
+    loadingFavoriteId.value = template.id
+    const res = template.isFavorited ? await api.unfavoriteGame(template.id) : await api.favoriteGame(template.id)
+    templateRecords.value = templateRecords.value.map((entry) => (entry.id === template.id ? { ...entry, ...res.game } : entry))
   } catch (e) {
     error.value = '즐겨찾기 변경에 실패했어요.'
   } finally {
@@ -68,41 +68,41 @@ async function toggleFavorite(game, event) {
   }
 }
 
-function thumbUrl(g) {
-  return g.thumbnailSrc ? toApiUrl(g.thumbnailSrc) : ''
+function templateThumbUrl(template) {
+  return template.thumbnailSrc ? toApiUrl(template.thumbnailSrc) : ''
 }
 </script>
 
 <template>
   <section class="pageHead">
     <div class="pageHead__main">
-      <div class="pageHead__eyebrow">Workspace</div>
-      <h1 class="pageHead__title">Topic Library</h1>
+      <div class="pageHead__eyebrow">Topic</div>
+      <h1 class="pageHead__title">주제 선택</h1>
       <p class="pageHead__desc">자주 쓰는 주제 템플릿을 빠르게 고르고, 필요하면 바로 커스텀 티어표를 시작할 수 있어요.</p>
       <p v-if="query" class="pageHead__searchState">"{{ query }}"에 맞는 주제 템플릿만 보고 있어요.</p>
     </div>
   </section>
 
   <div v-if="error" class="error">{{ error }}</div>
-  <TransitionGroup v-if="games.length" name="libraryCard" tag="section" class="libraryGrid">
-    <article v-for="g in games" :key="g.id" class="libraryCard">
+  <TransitionGroup v-if="templates.length" name="libraryCard" tag="section" class="libraryGrid">
+    <article v-for="template in templates" :key="template.id" class="libraryCard">
       <button
         class="libraryCard__favorite"
         type="button"
-        :class="{ 'libraryCard__favorite--active': g.isFavorited }"
-        :disabled="loadingFavoriteId === g.id"
-        @click.stop="toggleFavorite(g, $event)"
+        :class="{ 'libraryCard__favorite--active': template.isFavorited }"
+        :disabled="loadingFavoriteId === template.id"
+        @click.stop="toggleFavorite(template, $event)"
       >
         <SvgIcon class="libraryCard__favoriteIcon" :src="kidStarIcon" :size="18" />
       </button>
-      <button class="libraryCard__main" type="button" @click="goGame(g.id)">
+      <button class="libraryCard__main" type="button" @click="openTopic(template.id)">
         <div class="libraryCard__thumbWrap">
-        <img v-if="thumbUrl(g)" class="libraryCard__thumb" :src="thumbUrl(g)" :alt="g.name" draggable="false" />
+        <img v-if="templateThumbUrl(template)" class="libraryCard__thumb" :src="templateThumbUrl(template)" :alt="template.name" draggable="false" />
         <div v-else class="libraryCard__thumbFallback">대표 썸네일</div>
       </div>
         <div class="libraryCard__body">
-          <div class="libraryCard__title">{{ g.name }}</div>
-          <div class="libraryCard__meta">{{ g.id }}</div>
+          <div class="libraryCard__title">{{ template.name }}</div>
+          <div class="libraryCard__meta">{{ template.id }}</div>
         </div>
       </button>
     </article>

frontend/src/views/MyTierListsView.vue

@@ -68,7 +68,7 @@ function openList(t) {
 <template>
   <section class="pageHead">
     <div class="pageHead__main">
-      <div class="pageHead__eyebrow">Library</div>
+      <div class="pageHead__eyebrow">Tier Lists</div>
       <h2 class="pageHead__title">나의 티어표</h2>
       <div class="pageHead__desc">직접 저장한 티어표를 같은 카드 레이아웃으로 다시 열고 정리할 수 있어요.</div>
     </div>

frontend/src/views/TierEditorView.vue

@@ -19,10 +19,10 @@ const auth = useAuthStore()
 const toast = useToast()
 const globalRightRailOpen = inject('rightRailOpen', ref(true))
 const localRightRailTarget = inject('localRightRailTarget', '#local-right-rail-root')
-const gameId = computed(() => route.params.gameId)
+const templateId = computed(() => route.params.gameId)
 const tierListId = computed(() => route.params.tierListId)
 const previewMode = computed(() => route.query.preview === '1')
-const gameName = ref('')
+const templateName = ref('')
 
 const columns = ref([{ id: 'col-1', name: '' }])
 const groups = ref([
@@ -123,19 +123,19 @@ const copiedFromLabel = computed(() => {
 const customItems = computed(() => getOrderedItems().filter((item) => item?.origin === 'custom'))
 const hasSavedTierList = computed(() => !!(persistedTierListId.value || (tierListId.value && tierListId.value !== 'new')))
 const canRequestTemplateCreate = computed(
-  () => canEdit.value && hasSavedTierList.value && gameId.value === 'freeform' && customItems.value.length > 0
+  () => canEdit.value && hasSavedTierList.value && templateId.value === 'freeform' && customItems.value.length > 0
 )
 const canRequestTemplateUpdate = computed(
-  () => canEdit.value && hasSavedTierList.value && gameId.value !== 'freeform' && customItems.value.length > 0
+  () => canEdit.value && hasSavedTierList.value && templateId.value !== 'freeform' && customItems.value.length > 0
 )
 const canSubmitTemplateCreateRequest = computed(() => !!templateRequestDraftTitle.value.trim() && !!templateRequestDraftDescription.value.trim())
 const canSubmitTemplateUpdateRequest = computed(() => !!templateRequestDraftTitle.value.trim() && !!templateRequestDraftDescription.value.trim())
-const templateRequestTargetLabel = computed(() => (gameId.value === 'freeform' ? '새로운 템플릿' : (gameName.value || gameId.value || '선택한 주제')))
+const templateRequestTargetLabel = computed(() => (templateId.value === 'freeform' ? '새로운 템플릿' : (templateName.value || templateId.value || '선택한 주제')))
 const shareTierListUrl = computed(() => {
   const savedTierListId = persistedTierListId.value || (tierListId.value && tierListId.value !== 'new' ? tierListId.value : '')
   if (!savedTierListId) return ''
-  if (typeof window === 'undefined') return `/editor/${gameId.value}/${savedTierListId}?preview=1`
-  return new URL(`/editor/${gameId.value}/${savedTierListId}?preview=1`, window.location.origin).toString()
+  if (typeof window === 'undefined') return `/editor/${templateId.value}/${savedTierListId}?preview=1`
+  return new URL(`/editor/${templateId.value}/${savedTierListId}?preview=1`, window.location.origin).toString()
 })
 
 watch(error, (message) => {
@@ -672,7 +672,7 @@ function buildPayload(existingId) {
   const finalTitle = effectiveTitle.value
   return {
     id: existingId || undefined,
-    gameId: gameId.value,
+    gameId: templateId.value,
     title: finalTitle,
     thumbnailSrc: thumbnailSrc.value || '',
     description: (description.value || '').trim(),
@@ -697,7 +697,7 @@ async function persistTierList({ showModal = false } = {}) {
   persistedTierListId.value = savedTierListId || ''
   title.value = res.tierList?.title || payload.title
   if (tierListId.value === 'new' && res.tierList?.id) {
-    await router.replace(`/editor/${gameId.value}/${res.tierList.id}`)
+    await router.replace(`/editor/${templateId.value}/${res.tierList.id}`)
   }
   updatedAt.value = Number(res.tierList?.updatedAt || Date.now())
   authorName.value = res.tierList?.authorName || effectiveAuthorName.value
@@ -793,7 +793,7 @@ async function confirmDeleteTierList() {
     await api.deleteTierList(currentTierListId)
     closeDeleteModal()
     toast.success('티어표를 삭제했어요.')
-    router.push(gameId.value === 'freeform' ? '/me' : `/games/${gameId.value}`)
+    router.push(templateId.value === 'freeform' ? '/me' : `/games/${templateId.value}`)
   } catch (e) {
     error.value = '티어표 삭제에 실패했어요.'
   } finally {
@@ -808,7 +808,7 @@ async function duplicateCurrentTierList() {
     const duplicatedId = data.tierList?.id
     if (!duplicatedId) throw new Error('duplicate_failed')
     toast.success('티어표를 복사해 내 작업으로 가져왔어요.')
-    router.push(`/editor/${gameId.value}/${duplicatedId}`)
+    router.push(`/editor/${templateId.value}/${duplicatedId}`)
   } catch (e) {
     error.value = '티어표 복사에 실패했어요.'
   }
@@ -841,7 +841,7 @@ async function requestTemplate(type) {
     await api.requestTierListTemplate({
       type,
       sourceTierListId: sourceId,
-      gameId: gameId.value,
+      gameId: templateId.value,
       requestTitle: templateRequestDraftTitle.value.trim(),
       requestDescription: templateRequestDraftDescription.value.trim(),
       thumbnailSrc: saved.tierList?.thumbnailSrc || thumbnailSrc.value || '',
@@ -892,13 +892,13 @@ onMounted(() => {
     authorAccountName.value = ((auth.user?.email || '').trim().split('@')[0] || '').trim()
 
     if (isNewTierList.value && !auth.user) {
-      router.replace(`/login?redirect=/editor/${gameId.value}/new`)
+      router.replace(`/login?redirect=/editor/${templateId.value}/new`)
       return
     }
 
     try {
-      const gameRes = await api.getGame(gameId.value)
-      gameName.value = gameRes.game?.name || gameId.value
+      const gameRes = await api.getGame(templateId.value)
+      templateName.value = gameRes.game?.name || templateId.value
       const base = (gameRes.items || []).map((img) => ({
         id: img.id,
         src: img.src,
@@ -1079,7 +1079,7 @@ onUnmounted(() => {
     <div class="modalCard" role="dialog" aria-modal="true" aria-labelledby="deleteTierListTitle">
       <div id="deleteTierListTitle" class="modalCard__title">티어표 삭제</div>
       <div class="modalCard__desc">
-        "{{ title || gameName || '이 티어표' }}"를 삭제할까요? 삭제 후에는 복구할 수 없어요.
+        "{{ title || templateName || '이 티어표' }}"를 삭제할까요? 삭제 후에는 복구할 수 없어요.
       </div>
       <div class="modalCard__actions">
         <button class="btn btn--ghost" @click="closeDeleteModal">취소</button>
@@ -1120,7 +1120,7 @@ onUnmounted(() => {
     <div class="editorMain">
       <section class="head">
         <div class="editorMain__headCopy">
-          <div class="editorMain__title">{{ gameName || gameId }}</div>
+          <div class="editorMain__title">{{ templateName || templateId }}</div>
           <div class="editorMain__subtitle">
             <template v-if="canEdit">
               행/열 이름과 순서를 바꾸고 아이템을 드래그해서 배치할 수 있어요.
@@ -1131,7 +1131,7 @@ onUnmounted(() => {
           </div>
           <div v-if="sourceTierListId" class="editorMain__sourceNote">
             <span>복사본</span>
-            <button class="editorMain__sourceLink" type="button" @click="router.push(`/editor/${gameId}/${sourceTierListId}`)">{{ copiedFromLabel }}</button>
+            <button class="editorMain__sourceLink" type="button" @click="router.push(`/editor/${templateId}/${sourceTierListId}`)">{{ copiedFromLabel }}</button>
           </div>
         </div>
       </section>