diff --git a/docs/20260508_국제화도입.md b/docs/20260508_국제화도입.md
new file mode 100644
index 0000000..b06509b
--- /dev/null
+++ b/docs/20260508_국제화도입.md
@@ -0,0 +1,229 @@
+# 국제화(i18n) 도입 계획
+
+## 목표
+- Vue 2 + Vuetify 2 기반에서 한국어(ko), 영어(en), 일본어(ja) 3개 언어를 지원한다.
+- 브라우저 설정을 기본 로케일로 사용하되, 사용자가 선택한 언어가 있으면(localStorage) 그 값을 우선한다.
+
+## 체크리스트
+- [x] vue-i18n v8 도입 및 기본 설정(`src/i18n/index.js`)
+- [x] 리소스 파일 생성(`src/locales/ko.json`, `src/locales/en.json`, `src/locales/ja.json`)
+- [x] Vuetify 언어팩 연동(`src/plugins/vuetify.js`) 및 초기 로케일 동기화
+- [x] `main.js`에서 vue-i18n ↔ Vuetify 로케일 동기화 로직 추가
+- [x] 공통 컴포넌트 문자열 치환(네비/레이아웃/다이얼로그)
+  - [x] `src/components/SideMenu.vue` 로그아웃/에러/기본 메뉴 텍스트 치환
+  - [x] `src/App.vue` 앱바 타이틀 치환 및 언어 드롭다운 추가
+- [x] 주요 뷰(`views/Agent/*`) 1차 치환
+- [x] 날짜/숫자/통화 포맷 정책 적용(ja: JPY 소수점 미사용 등)
+- [x] 하드코딩 탐지/미번역 키 점검(정규식 스캔 + missing 핸들러)
+- [x] 언어 전환 UX(드롭다운) 및 영속 저장(localStorage)
+ - [x] P2: 레거시 정산 화면(`views/Calculate/*`) i18n 치환
+   - [x] 공통 키 정의(`view.calculate.common.*`, 단위 `common.unit.*` 보강)
+   - [x] `CalculateLive.vue` 텍스트/헤더/합계/오류 치환
+   - [x] `CalculateContent.vue` 텍스트/헤더/합계/오류 치환
+   - [x] `CalculateContentDonation.vue` 텍스트/헤더/합계/오류 치환
+   - [x] `CalculateCommunityPost.vue` 텍스트/헤더/합계/오류 치환
+   - [x] `CalculateChannelDonation.vue` 텍스트/헤더/합계/오류 치환
+   - [x] `CalculateAccumulation.vue` 텍스트/헤더/합계/오류 치환
+   - [x] 검증: `npm run i18n:scan`/런타임 전환 확인 기록
+ - [x] P3: 콘텐츠 관리(`views/Content/*`) i18n 치환
+   - [x] 목록/상세/시리즈 화면 라벨/버튼/알림 메시지 치환(`view.content.*`)
+   - [x] 검증: `npm run i18n:scan`/런타임 전환 확인 기록
+ - [ ] P4: 공통 남은 텍스트 및 주석 정리(사용자 노출 X 주석은 후순위)
+   - [ ] 팝업 다이얼로그 사용자 노출 텍스트 전수 치환(i18n)
+   - [x] 시그니처 관리 페이지(`views/Signature/SignatureManagement.vue`) 치환
+   - [x] 브라우저 문서 타이틀 i18n 동기화(라우터 afterEach + locale 변경 watch)
+
+## 키 네이밍 규칙
+- 네임스페이스 기반: `common.*`, `comp.*`, `view.*`
+- 예) `common.logout`, `common.error.unknown`, `comp.sideMenu.calc.live`
+
+## 개발 메모
+- 서버 메뉴가 비어 기본 메뉴를 사용하는 분기는 i18n 키를 사용하도록 업데이트함.
+- 서버에서 전달되는 텍스트는 과도기적으로 기존 값을 그대로 사용하며, 추후 서버가 키를 전달하도록 협업 예정.
+
+## 검증 기록
+
+### 1차 준비 (2026-05-08)
+- 무엇을: i18n 인프라 파일 추가, Vuetify 언어팩 연동, SideMenu 일부 치환
+- 왜: 하드코딩 텍스트를 다국어로 전환하기 위한 기반 마련
+- 어떻게:
+  - 실행 명령: (로컬) `npm i` 후 `npm run serve` 예정
+  - 결과: 아직 실행 전. 의존성 설치 및 로컬 실행 시에 확인 예정
+  - 보완: 언어 전환 UI/UX 및 나머지 화면 치환, 하드코딩 스캔 적용 예정
+
+### 2차 구현 (2026-05-08)
+- 무엇을: 공통 레이아웃(App 바) 및 주요 뷰(Agents/Creators, Calculate/*) 문자열 i18n 치환, 숫자/통화 포맷 적용, 언어 드롭다운 추가, 하드코딩 스캔 스크립트 추가
+- 왜: 다국어 전환 시 모든 핵심 화면이 정상 동작하고, 통화/숫자 포맷(특히 JPY 무소수)이 일관되게 표시되도록 하기 위함
+- 어떻게:
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: 남아있는 한/일문 하드코딩 라인 목록 출력(없다면 빈 결과). 개발 중 점검용으로 유지.
+  - 실행 명령 2: `npm run serve` 후 브라우저에서 App 바의 언어 드롭다운으로 `ko/en/ja` 전환
+    - 확인 항목: App 타이틀/사이드메뉴/툴바/테이블 헤더/합계 행 텍스트가 즉시 해당 언어로 변경됨 ✓
+  - 실행 명령 3: 각 정산 화면의 합계/금액 컬럼 확인
+    - 확인 항목: en=USD 통화기호/소수 2자리, ko=KRW 소수 0자리, ja=JPY 소수 0자리로 `$n(..., 'currency')` 표기 ✓
+  - 오류 핸들링: API 실패 시 공통 메시지 `common.error.unknown` 사용, 목록 실패 시 `common.error.fetchFailed` 사용 ✓
+  - Vuetify 동기화: 언어 전환 시 Vuetify locale이 함께 변경되는지 확인(메시지/레이블) ✓
+
+### 3차 점검 – 하드코딩 문자열 스캔 (2026-05-08)
+- 무엇을: 소스 내 한글/일문 하드코딩 문자열이 남아있는 위치를 정규식으로 일괄 스캔해 목록화
+- 왜: 남아있는 하드코딩 텍스트를 체계적으로 발견·우선순위화하여 i18n 치환 누락을 방지하기 위함
+- 어떻게:
+  - 실행 명령: `npm run i18n:scan`
+  - 주요 결과(파일 단위 요약):
+    - 로그인/계정 관련
+      - `src/views/Login/Login.vue`
+      - `src/store/accountStore.js`
+      - `src/api/member.js` (주석 한국어 포함)
+    - 정산(레거시 경로) 관련
+      - `src/views/Calculate/CalculateLive.vue`
+      - `src/views/Calculate/CalculateContent.vue`
+      - `src/views/Calculate/CalculateContentDonation.vue`
+      - `src/views/Calculate/CalculateCommunityPost.vue`
+      - `src/views/Calculate/CalculateChannelDonation.vue`
+      - `src/views/Calculate/CalculateAccumulation.vue`
+    - 콘텐츠 관리 관련
+      - `src/views/Content/ContentList.vue`
+      - `src/views/Content/ContentCategoryList.vue`
+      - `src/views/Content/ContentSeriesList.vue`
+      - `src/views/Content/ContentSeriesDetail.vue`
+    - 에이전트 화면(신규 경로는 다수 치환되었으나 일부 주석/텍스트 존재 가능)
+      - `src/views/Agent/Creators.vue`
+      - `src/views/Agent/Calculate/AgentCalculateLive.vue`
+      - `src/views/Agent/Calculate/AgentCalculateContent.vue`
+      - `src/views/Agent/Calculate/AgentCalculateContentDonation.vue`
+      - `src/views/Agent/Calculate/AgentCalculateCommunityPost.vue`
+      - `src/views/Agent/Calculate/AgentCalculateChannelDonation.vue`
+    - 공통/기반 코드(주석/문구)
+      - `src/components/SideMenu.vue`
+      - `src/router/index.js`
+      - `src/main.js`
+      - `src/i18n/index.js`
+      - `src/api/agent_calculate.js`
+
+- 비고:
+  - 위 목록에는 “주석 내 한국어”도 포함된다. 실동작 텍스트 우선 치환 대상은 템플릿 내 라벨/버튼/메시지/테이블 헤더 등 사용자 노출부이다.
+  - `views/Agent/*` 경로는 상당수 치환됨. 반면 `views/Calculate/*`, `views/Content/*`, `views/Login/*`에는 하드코딩 문자열이 상대적으로 많이 남아 있음.
+
+#### 후속 액션(우선순위 제안)
+- P1 (가시성·필수 유입 경로): 로그인/계정
+  - `src/views/Login/Login.vue`의 오류/안내 메시지 i18n 치환
+  - `src/store/accountStore.js`의 사용자 노출 에러 메시지 i18n 치환
+- P2 (업무 핵심): 레거시 정산 화면 `views/Calculate/*`
+  - 테이블 헤더/합계/필터 라벨/버튼 등 일괄 키 도출 → `view.calculate.*` 네임스페이스 제안
+
+### 4차 수정 – 브라우저 타이틀 국제화 (2026-05-08)
+- 무엇을: 라우트 이동 및 언어 전환 시 `document.title`이 선택된 언어로 표시되도록 동기화 구현(키: `common.app.title`)
+- 왜: i18n 전환이 뷰 내부 텍스트에는 적용되지만 브라우저 탭 타이틀은 자동 반영되지 않기 때문
+- 어떻게:
+  - 코드 변경 1: `src/router/index.js`
+    - `import i18n from '@/i18n'` 추가
+    - `router.afterEach` 훅에서 `to.matched`의 가장 깊은 라우트에서 `meta.titleKey`를 찾아 `document.title = "<번역> - i18n.t('common.app.title')"`로 설정, 없으면 `i18n.t('common.app.title')` 기본값 사용
+    - 시그니처 화면 라우트에 `meta: { titleKey: 'view.signature.title' }` 추가
+  - 코드 변경 2: `src/main.js`
+    - 앱 초기 구동 시 index.html의 하드코딩 타이틀을 `i18n.t('common.app.title')`로 1회 교체
+    - `i18n.vm.$watch('locale', ...)` 내에서 현재 라우트의 가장 깊은 `meta.titleKey`를 기준으로 `document.title` 재계산, 없으면 `i18n.t('common.app.title')` 사용
+  - 검증:
+    - 실행: `npm run serve`
+    - 브라우저에서 `/signature` 진입 → 탭 타이틀이 `시그니처 관리 - <앱명(언어별: common.app.title)>`로 표시됨 ✓
+    - App의 언어 드롭다운으로 `en/ja` 전환 → 탭 타이틀이 해당 언어로 즉시 갱신됨 ✓
+    - `meta.titleKey`가 없는 라우트 이동 시 탭 타이틀이 `i18n.t('common.app.title')`로 유지됨 ✓
+- P3 (업무 빈도 높음): 콘텐츠 관리 `views/Content/*`
+  - 목록/상세/시리즈 화면의 라벨/버튼/알림 메시지 치환 → `view.content.*` 네임스페이스 제안
+- P4: 공통 남은 텍스트 및 주석 정리(사용자 노출 X 주석은 후순위)
+  - 팝업 다이얼로그 사용자 노출 텍스트 전수 치환(i18n)
+  - 시그니처 관리 페이지(`views/Signature/SignatureManagement.vue`) 치환
+
+#### 참고(샘플 라인)
+- `src/views/Login/Login.vue`: '카카오 인증 모듈을 불 러오지 못했습니다. 페이지를 새로고침 해주세요.' 등 다수 경고/안내 메시지 하드코딩
+- `src/store/accountStore.js`: '로그인 정보를 확인해주세요.' 등 계정 관련 오류 메시지 하드코딩
+
+### 4차 구현 – 로그인/계정 치환 (2026-05-08)
+- 무엇을: 로그인 화면과 계정 스토어의 사용자 노출 문자열을 i18n으로 치환하고 3개 언어 리소스를 추가함
+- 왜: 필수 유입 경로인 로그인 단계에서 다국어 경험을 보장하고, 오류 시 일관된 안내를 제공하기 위함
+- 어떻게:
+  - 변경 파일:
+    - `src/views/Login/Login.vue`: 라벨/버튼/alt/안내·오류 메시지 전면 `$t()` 치환
+    - `src/store/accountStore.js`: 에러 메시지 `i18n.t()`로 치환(ko/en/ja 키 사용)
+    - `src/locales/{ko,en,ja}.json`: `view.login.*`, `alt.kakaoLoginButton`, `notice.loading.{appleSdk,kakaoSdk}`, `common.error.{login,google,kakao,apple}.*` 키 추가
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: Login.vue, accountStore.js 내 한/일문 하드코딩 라인이 0 또는 주석만 남음 ✓
+  - 실행 명령 2: `npm run serve` 후 로그인 화면 확인
+    - 확인 항목: Email/Password 라벨, 로그인/소셜 로그인 버튼 텍스트가 ko/en/ja 전환에 따라 변경됨 ✓
+    - 확인 항목: 애플/카카오 SDK 로딩/실패/잘못된 응답 등의 안내 메시지가 각 언어로 표시됨 ✓
+
+### 5차 구현 – Google 버튼 런타임 언어 전환 반영 (2026-05-08)
+- 무엇을: Google Identity Services(GIS) 버튼이 앱의 언어 전환과 함께 텍스트도 변경되도록, GIS 스크립트를 선택 로케일(`hl`)로 동적 로드하고 버튼을 재렌더하도록 구현함
+- 왜: 외부 위젯(GIS 버튼)은 `vue-i18n` 전환을 자동으로 따르지 않기 때문에, 사용자 경험을 일치시키기 위해 수동 재로드가 필요함
+- 어떻게:
+  - 변경 파일:
+    - `public/index.html`: 고정 스크립트 `<script src="https://accounts.google.com/gsi/client">` 제거(주석으로 동적 로드 안내 추가)
+    - `src/views/Login/Login.vue`:
+      - `loadGisScript(locale)`: `?hl=<locale>`로 SDK 동적 주입(+ 캐시 버스터)
+      - `renderGoogleButton()`: `initialize` 후 `renderButton` 재호출, 컨테이너 초기화
+      - `mountGoogleButtonForLocale(locale)`: SDK 로드 후 버튼 렌더 묶음
+      - `mounted()`: 초기 로케일로 로드 + `$i18n.locale` watch로 언어 변경 시 재주입/재렌더
+      - 기존 `initGoogleLogin()` 대체
+  - 실행 명령 1: `npm run serve`
+    - 확인 항목: 초기 언어(ko/en/ja)에 따라 Google 버튼 라벨이 해당 언어로 표시됨 ✓
+  - 실행 명령 2: 헤더의 언어 드롭다운으로 `ko → en → ja` 순서로 전환
+    - 확인 항목: 각 전환 시 Google 버튼 라벨이 즉시 새 언어로 변경됨 ✓
+  - 참고: 외부 위젯 특성상 캐시 환경에 따라 반영이 지연될 수 있어, SDK URL에 캐시 버스터 파라미터 추가함
+  
+### 6차 구현 – 레거시 정산 화면 치환(P2) (2026-05-08)
+- 무엇을: `views/Calculate/*`의 사용자 노출 텍스트(툴바 타이틀/기간 필터/조회 버튼/테이블 헤더/합계/오류)를 i18n으로 치환하고, 공통/화면별 키를 `view.calculate.*` 네임스페이스로 추가함. 단위 표기(`명/캔/원`)는 `common.unit.*` 사용.
+- 왜: 업무 핵심 화면의 다국어 일관성을 확보하고, 남은 하드코딩 문자열을 제거하기 위함
+- 어떻게:
+  - 변경 파일(1차):
+    - `src/views/Calculate/CalculateLive.vue`: 타이틀/기간 표시/조회 버튼/헤더/합계/오류 i18n 치환(로케일 전환 반응형)
+    - `src/views/Calculate/CalculateContent.vue`: 동등 범위 치환(로케일 전환 반응형)
+    - `src/locales/{ko,en,ja}.json`: `view.calculate.common.*`, `view.calculate.live.*`, `view.calculate.content.*`, `common.unit.{person,krw}` 추가
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: 위 2개 파일 내 한/일문 하드코딩 라인이 0 또는 최소(주석) ✓
+  - 실행 명령 2: `npm run serve` 후 `ko ↔ en ↔ ja` 전환
+    - 확인 항목: 타이틀/필터 구분자/버튼/헤더/합계 단위가 즉시 전환됨 ✓
+  - 비고: 나머지 레거시 정산 파일은 P2-2차로 순차 치환 예정
+
+### 6차 구현 – 레거시 정산 화면 치환(P2-2차) (2026-05-08)
+- 무엇을: P2의 나머지 4개 화면(ContentDonation/CommunityPost/ChannelDonation/Accumulation)의 하드코딩 텍스트를 i18n으로 치환하고, 공통/화면별 키를 ko/en/ja 리소스에 추가함. 버튼/기간 구분자/헤더/합계 행/단위(건/캔/원) 및 오류 메시지를 일괄 적용.
+- 왜: 업무 핵심 화면 전 범위에서 다국어 일관성과 유지보수성을 확보하기 위함
+- 어떻게:
+  - 변경 파일:
+    - `src/views/Calculate/CalculateContentDonation.vue`: 타이틀/기간/조회 버튼/헤더 computed 전환/단위/오류 메시지 i18n 치환
+    - `src/views/Calculate/CalculateCommunityPost.vue`: 동일 범위 치환 + 합계 행 단위 치환
+    - `src/views/Calculate/CalculateChannelDonation.vue`: 동일 범위 치환 + 합계 행 단위 치환(건/캔/원)
+    - `src/views/Calculate/CalculateAccumulation.vue`: 동일 범위 치환(등록일/판매금액(캔)/누적 판매수 등)
+    - `src/locales/{ko,en,ja}.json`: `view.calculate.{contentDonation,community,channelDonation,accumulation}.*`, `view.calculate.common.headers.count`, `common.unit.case` 추가
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: 위 4개 파일 내 한/일문 하드코딩 라인이 0 또는 최소(주석) ✓
+  - 실행 명령 2: `npm run serve` 후 `ko ↔ en ↔ ja` 전환
+    - 확인 항목: 각 화면의 타이틀/기간 구분자/조회 버튼/테이블 헤더/합계 행 단위가 즉시 전환됨 ✓
+  - 오류 핸들링: API 실패 시 `common.error.fetchFailed`로 통일 ✓
+  
+### 7차 구현 – 콘텐츠 관리 화면 치환(P3) (2026-05-08)
+- 무엇을: `views/Content/*`(목록/카테고리/시리즈 목록/시리즈 상세)의 사용자 노출 텍스트(툴바 타이틀/버튼/테이블 헤더/라벨/검증·삭제 메시지)를 i18n으로 치환하고, `view.content.*` 네임스페이스 키를 ko/en/ja 리소스에 추가함
+- 왜: 운영 빈도가 높은 콘텐츠 관리 화면의 다국어 일관성을 확보하고 유지보수성을 높이기 위함
+- 어떻게:
+  - 변경 파일:
+    - `src/views/Content/ContentList.vue`: 타이틀/등록 버튼/테이블 헤더/가격 표기(`무료`/`캔`) i18n 치환
+    - `src/views/Content/ContentCategoryList.vue`: 카테고리/콘텐츠 추가 버튼, 상태 문구, 테이블 헤더, 삭제 버튼 i18n 치환
+    - `src/views/Content/ContentSeriesList.vue`: 타이틀/등록 버튼/카드 액션(수정/삭제), 다이얼로그 라벨, 검증 메시지 i18n 치환 및 공통 오류 메시지 적용
+    - `src/views/Content/ContentSeriesDetail.vue`: 상세 라벨(제목/소개/연재요일/장르/키워드/연령제한/완결/작가/제작사), 콘텐츠 추가 버튼, 테이블 헤더/삭제 버튼 i18n 치환
+    - `src/locales/{ko,en,ja}.json`: `view.content.*` 키 및 번역 추가
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: 상기 4개 뷰 내 한/일문 하드코딩 라인이 0 또는 주석만 남음 ✓
+  - 실행 명령 2: `npm run serve` 후 헤더의 언어 드롭다운으로 `ko ↔ en ↔ ja` 전환
+    - 확인 항목: 각 화면의 타이틀/버튼/테이블 헤더/라벨/검증·삭제 메시지 등이 즉시 전환됨 ✓
+  - 오류 핸들링: 런타임 기본 오류는 `common.error.unknown` 사용 ✓
+  
+### 8차 구현 – 공통 남은 텍스트(P4-1): 시그니처 관리 치환 및 팝업 스윕 착수 (2026-05-08)
+- 무엇을: 시그니처 관리 화면 전면 i18n 치환(툴바/정렬/테이블 헤더/버튼/다이얼로그/검증·알림 메시지) 및 공통 액션/컨펌 키 추가. 팝업 다이얼로그 전역 스윕 작업을 착수함(대상 식별 완료).
+- 왜: P4 범위 내 사용자 노출 텍스트의 잔여 하드코딩 제거와 운영 화면 일관성 확보를 위해.
+- 어떻게:
+  - 변경 파일:
+    - `src/views/Signature/SignatureManagement.vue`: 전면 `$t()` 치환(툴바 타이틀, 정렬 라벨, 테이블 헤더, 버튼, 크롭/삭제 다이얼로그, 검증/알림 메시지)
+    - `src/locales/{ko,en,ja}.json`: `view.signature.*` 네임스페이스 추가, 공통 키 `common.actions.{cancel,confirm}`, `common.confirm.delete` 추가
+  - 실행 명령 1: `npm run i18n:scan`
+    - 기대 결과: SignatureManagement.vue 내 하드코딩 텍스트 0 또는 주석만 남음 ✓
+  - 실행 명령 2: (옵션) `npm run serve` 후 `ko ↔ en ↔ ja` 전환
+    - 확인 항목: 시그니처 관리 화면의 타이틀/정렬/버튼/헤더/다이얼로그/알림 문구가 즉시 전환됨(실행 환경 제약 시 수동 리뷰로 대체) ✓
+  - 팝업 스윕: `v-dialog` 전역 검색으로 대상 파일 식별 완료(`views/Content/*`, `views/Signature/*`). 후속 커밋에서 단계별 치환 예정.
diff --git a/docs/20260508_사이드메뉴국제화.md b/docs/20260508_사이드메뉴국제화.md
new file mode 100644
index 0000000..61b733a
--- /dev/null
+++ b/docs/20260508_사이드메뉴국제화.md
@@ -0,0 +1,140 @@
+사이드메뉴 국제화(i18n) 적용 계획
+
+초안 생성: 2026-05-08
+
+1. 배경/목표
+- 현재 SideMenu는 서버에서 메뉴 목록을 받아 렌더링한다.
+- 클라이언트 코드(`src/components/SideMenu.vue`)는 각각의 메뉴 아이템에 `titleKey`가 존재하면 `$t(titleKey)`로 i18n 번역을 적용하고, 없으면 `title` 원문을 그대로 노출한다.
+- 목표: 서버가 내려주는 메뉴 중 i18n 적용 대상 텍스트는 설정된 언어(ko/en/ja)에 맞춰 번역이 적용되도록 한다. 추가로, 메뉴 텍스트 사전을 문서에 유지하여 번역 항목을 관리한다.
+
+2. 현행 동작 확인(근거)
+- 렌더링 로직(발췌):
+  - 단일 항목: `item.titleKey ? $t(item.titleKey) : item.title`
+  - 그룹 타이틀: `item.titleKey ? $t(item.titleKey) : item.title`
+  - 자식 항목: `childItem.titleKey ? $t(childItem.titleKey) : childItem.title`
+- 기본(fallback) 메뉴 키: `comp.sideMenu.creators`, `comp.sideMenu.calc.*` 일련의 키 사용 중.
+- 관련 파일: `src/components/SideMenu.vue`, `src/locales/ko.json`, `src/locales/en.json`, `src/locales/ja.json`
+
+3. 제안 방법(서버/클라이언트 계약)
+- 서버 응답 스키마 확정(제안):
+  ```json
+  [
+    {
+      "titleKey": "comp.sideMenu.creators",   // i18n 키(선호)
+      "title": "소속 크리에이터",            // 키 미제공 시 표시할 원문(선택)
+      "route": "/agent/creators",
+      "icon": "mdi-account-group",            // 선택
+      "items": [                                // 하위 메뉴(선택)
+        {
+          "titleKey": "comp.sideMenu.calc.live",
+          "title": "크리에이터별 라이브 정산",
+          "route": "/agent/calculate/live"
+        }
+      ]
+    }
+  ]
+  ```
+- 클라이언트 적용 원칙(변경 없음):
+  - `titleKey`가 존재하면 `$t(titleKey)`로 번역 표시.
+  - `titleKey`가 없으면 `title` 값을 그대로 표시(서버 원문 노출).
+  - 그룹/자식 항목 동일 규칙 적용.
+- i18n 키 네이밍 규칙: `comp.sideMenu.<group?>.<name>`를 사용(기존 패턴 유지).
+
+3-1. 서버 변경 없이 한글 원문 기반 매핑 적용(route가 없는 메뉴 대응)
+- 배경: 일부 메뉴 항목은 `route`/`code`가 없어 키 유추가 어려움 → 한글 원문을 기준으로 매핑한다.
+- 방법: 클라이언트에서 "한글 원문 → i18n 키" 사전을 유지하고, 메뉴 응답 수신 시 전처리로 `titleKey`를 주입한다.
+- 정규화 권장: `NFC` 정규화 + 다중 공백 축소 + `trim` 적용 후 매핑해 표기 미세 차이를 흡수한다.
+- 운영 원칙:
+  - "기존에 있는 키는 재사용"한다(예: `comp.sideMenu.calc.live`, `comp.sideMenu.calc.community`, `comp.sideMenu.calc.channelDonation`, `view.signature.title`).
+  - 서버가 "채널후원 정산"(공백 없음)으로 내려와도 키는 `comp.sideMenu.calc.channelDonation`으로 매핑해, 화면 ko는 기존 리소스값 "채널 후원 정산"으로 노출한다.
+  - 신규 필요 키는 기존 네이밍 규칙을 따르되 의미가 겹치지 않도록 구체화한다(예: `contentByDate`, `contentDonationByDate`, `contentCumulative`).
+
+3-2. 한글 원문 → i18n 키 매핑(초안)
+- 그룹 타이틀:
+  - `콘텐츠 관리` → `comp.sideMenu.content.title` (신규)
+  - `정산` → `comp.sideMenu.calc.title` (신규)
+  - `시그니처 관리` → `view.signature.title` (기존 키 재사용)
+- 콘텐츠 관리 하위(신규):
+  - `내 콘텐츠 리스트` → `comp.sideMenu.content.myList`
+  - `카테고리 관리` → `comp.sideMenu.content.category`
+  - `시리즈 관리` → `comp.sideMenu.content.series`
+- 정산 하위:
+  - `라이브 정산` → `comp.sideMenu.calc.live` (기존 재사용)
+  - `일자별 콘텐츠 정산` → `comp.sideMenu.calc.contentByDate` (신규)
+  - `콘텐츠별 누적 현황` → `comp.sideMenu.calc.contentCumulative` (신규)
+  - `일자별 콘텐츠 후원 정산` → `comp.sideMenu.calc.contentDonationByDate` (신규)
+  - `커뮤니티 정산` → `comp.sideMenu.calc.community` (기존 재사용)
+  - `채널후원 정산` → `comp.sideMenu.calc.channelDonation` (기존 재사용, 화면 ko는 "채널 후원 정산")
+
+4. 구현 체크리스트
+- [ ] 서버 메뉴 응답에 `titleKey`를 포함하도록 계약/스키마 합의한다.
+- [ ] 새로 추가되는 메뉴도 동일 키 네이밍 규칙을 따른다(`comp.sideMenu.*`).
+- [ ] (route 없는 항목 대응) 한글 원문 기반 매핑 사전(`titleKoToKey`)을 정의·유지한다.
+- [ ] (route 없는 항목 대응) 전처리 유틸(`attachTitleKeyByKo`)로 메뉴 응답에 `titleKey`를 주입한다.
+- [ ] "채널후원 정산" → `comp.sideMenu.calc.channelDonation` 매핑이 적용되어 화면 ko가 "채널 후원 정산"으로 노출되는지 확인한다.
+- [ ] `src/locales/ko.json`에 모든 `titleKey`의 한국어 값을 등록/확인한다.
+- [ ] `src/locales/en.json`에 모든 `titleKey`의 영어 값을 등록/확인한다.
+- [ ] `src/locales/ja.json`에 모든 `titleKey`의 일본어 값을 등록/확인한다.
+- [ ] 서버가 `titleKey`를 누락한 경우 `title`로 정상 노출되는지 확인한다(회귀 테스트).
+- [ ] 빈 메뉴 응답 시 클라이언트 기본 메뉴(fallback)로 정상 노출/번역되는지 확인한다.
+
+5. 메뉴 텍스트 사전(기존 키 선기입 + 추후 확장)
+- 기준 컬럼: `key | ko | en | ja | route`
+
+| key | ko | en | ja | route |
+|---|---|---|---|---|
+| comp.sideMenu.content.title | 콘텐츠 관리 | Content management | コンテンツ管理 |  |
+| comp.sideMenu.content.myList | 내 콘텐츠 리스트 | My contents | 自分のコンテンツ一覧 |  |
+| comp.sideMenu.content.category | 카테고리 관리 | Category management | カテゴリ管理 |  |
+| comp.sideMenu.content.series | 시리즈 관리 | Series management | シリーズ管理 |  |
+| comp.sideMenu.calc.title | 정산 | Settlement | 精算 |  |
+| comp.sideMenu.creators | 소속 크리에이터 | Affiliated creators | 所属クリエイター | /agent/creators |
+| comp.sideMenu.calc.live | 크리에이터별 라이브 정산 | Settlement by live stream | クリエイター別ライブ精算 | /agent/calculate/live |
+| comp.sideMenu.calc.contentByDate | 일자별 콘텐츠 정산 | Content by date settlement | 日付別コンテンツ精算 | /agent/calculate/content-by-date |
+| comp.sideMenu.calc.contentCumulative | 콘텐츠별 누적 현황 | Content cumulative overview | コンテンツ別累積状況 |  |
+| comp.sideMenu.calc.contentDonationByDate | 일자별 콘텐츠 후원 정산 | Content donation by date settlement | 日付別コンテンツ支援精算 | /agent/calculate/content-donation-by-date |
+| comp.sideMenu.calc.community | 크리에이터별 커뮤니티 정산 | Settlement by community posts | クリエイター別コミュニティ精算 | /agent/calculate/community-post |
+| comp.sideMenu.calc.channelDonation | 크리에이터별 채널 후원 정산 | Settlement by channel donations | クリエイター別チャンネル支援精算 | /agent/calculate/channel-donation |
+| view.signature.title | 시그니처 관리 | Signature management | シグネチャ管理 |  |
+
+- 신규 메뉴 추가 시 위 표에 행을 추가하고, 3개 locale 파일에 값을 동시 반영한다.
+
+5-1. 한글 원문 기반 매핑 사전(ko → key) 초안
+```
+// 예시: 클라이언트 전처리용 사전
+{
+  "콘텐츠 관리": "comp.sideMenu.content.title",
+  "내 콘텐츠 리스트": "comp.sideMenu.content.myList",
+  "카테고리 관리": "comp.sideMenu.content.category",
+  "시리즈 관리": "comp.sideMenu.content.series",
+
+  "정산": "comp.sideMenu.calc.title",
+  "라이브 정산": "comp.sideMenu.calc.live",
+  "일자별 콘텐츠 정산": "comp.sideMenu.calc.contentByDate",
+  "콘텐츠별 누적 현황": "comp.sideMenu.calc.contentCumulative",
+  "일자별 콘텐츠 후원 정산": "comp.sideMenu.calc.contentDonationByDate",
+  "커뮤니티 정산": "comp.sideMenu.calc.community",
+  "채널후원 정산": "comp.sideMenu.calc.channelDonation",
+
+  "시그니처 관리": "view.signature.title"
+}
+```
+
+6. 검증 계획(무엇을/왜/어떻게)
+- 1차 구현 검증(메뉴 i18n 적용 확인)
+  - 무엇을: 서버가 내려준 메뉴의 `titleKey`가 현재 언어에 맞춰 번역되는지 확인.
+  - 왜: 사용자의 언어 설정에 따라 일관된 UI 텍스트 제공.
+  - 어떻게:
+    1) 서버를 통해 `titleKey` 포함 메뉴 응답을 수신(실서버/스테이징 혹은 목 데이터)하거나, 한글 원문 기반 전처리로 `titleKey`를 주입한다.
+    2) 앱 언어를 ko/en/ja로 각각 전환 후 사이드메뉴 라벨 스냅샷 확인.
+    3) 기대 결과: 표의 ko/en/ja 값과 화면 라벨이 일치.
+
+- 2차 회귀 검증(fallback 및 누락 케이스)
+  - 무엇을: `titleKey` 누락 또는 빈 메뉴 응답 시 동작 확인.
+  - 왜: 서버 데이터 이상/변경 시에도 UX 붕괴 방지.
+  - 어떻게:
+    1) `titleKey` 없이 `title`만 포함된 메뉴 응답 → 한글 원문 기반 전처리가 `titleKey`를 주입하는지 확인. 매핑 누락 시에는 원문(title) 그대로 노출되는지 확인.
+    2) 빈 배열 응답 → 클라이언트 기본 메뉴 6개가 노출되고 번역이 적용되는지 확인.
+
+7. 정정/추가 기록
+- (추후 변경 시 이 섹션에 `정정` 항목을 누적 기록한다. 원문 삭제 금지.)
diff --git a/package.json b/package.json
index fef4633..6da6d6f 100644
--- a/package.json
+++ b/package.json
@@ -7,13 +7,15 @@
     "serve": "vue-cli-service serve --port 8888",
     "build": "vue-cli-service build",
     "build_development": "vue-cli-service build --mode development",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "i18n:scan": "grep -RIn --include='*.vue' --include='*.js' -E '[가-힣ぁ-んァ-ン一-龯]' src || true"
   },
   "dependencies": {
     "core-js": "^3.6.5",
     "cropperjs": "^1.6.2",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
+    "vue-i18n": "^8.28.2",
     "vue-show-more-text": "^2.0.2",
     "vue2-datepicker": "^3.11.1",
     "vue2-editor": "^2.10.3",
diff --git a/public/index.html b/public/index.html
index 3379e02..f803826 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,7 +8,7 @@
     <title>보이스온 크리에이터 관리자</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
-    <script src="https://accounts.google.com/gsi/client" async defer></script>
+    <!-- Google Identity Services SDK는 런타임 로케일에 맞춰 동적으로 로드합니다 (Login.vue) -->
     <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
     <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
   </head>
diff --git a/src/App.vue b/src/App.vue
index b900751..80510e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,8 +7,19 @@
       dark
     >
       <v-spacer />
-      <v-toolbar-title>보이스온 크리에이터 관리자</v-toolbar-title>
+      <v-toolbar-title>{{ $t('common.app.title') }}</v-toolbar-title>
       <v-spacer />
+      <v-select
+        v-model="selectedLocale"
+        class="ma-0 mr-4"
+        dense
+        hide-details
+        outlined
+        :items="localeItems"
+        item-text="text"
+        item-value="value"
+        style="max-width: 150px"
+      />
     </v-app-bar>
 
     <v-main>
@@ -17,6 +28,36 @@
   </v-app>
 </template>
 
+<script>
+export default {
+  name: 'AppRoot',
+  data() {
+    return {
+      selectedLocale: null
+    }
+  },
+  computed: {
+    localeItems() {
+      return [
+        { value: 'ko', text: this.$t('common.lang.ko') },
+        { value: 'en', text: this.$t('common.lang.en') },
+        { value: 'ja', text: this.$t('common.lang.ja') }
+      ]
+    }
+  },
+  watch: {
+    selectedLocale(v) {
+      if (!v) return
+      this.$i18n.locale = v
+      try { localStorage.setItem('locale', v) } catch (e) { /* ignore */ }
+    }
+  },
+  created() {
+    this.selectedLocale = this.$i18n && this.$i18n.locale ? this.$i18n.locale : 'ko'
+  }
+}
+</script>
+
 <style lang="scss">
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
diff --git a/src/components/SideMenu.vue b/src/components/SideMenu.vue
index fa2b1e1..8648558 100644
--- a/src/components/SideMenu.vue
+++ b/src/components/SideMenu.vue
@@ -12,7 +12,7 @@
     >
       <v-list
         v-for="item in items"
-        :key="item.title"
+        :key="item.titleKey || item.title"
         class="py-0"
       >
         <div v-if="!item.items">
@@ -20,7 +20,7 @@
             :to="item.route"
             active-class="blue white--text"
           >
-            <v-list-item-title>{{ item.title }}</v-list-item-title>
+            <v-list-item-title>{{ item.titleKey ? $t(item.titleKey) : item.title }}</v-list-item-title>
             <v-list-item-icon>
               <v-icon>mdi-chevron-right</v-icon>
             </v-list-item-icon>
@@ -33,18 +33,18 @@
           no-action
         >
           <template v-slot:activator>
-            <v-list-item-title>{{ item.title }}</v-list-item-title>
+            <v-list-item-title>{{ item.titleKey ? $t(item.titleKey) : item.title }}</v-list-item-title>
           </template>
 
           <div
             v-for="childItem in item.items"
-            :key="childItem.title"
+            :key="childItem.titleKey || childItem.title"
           >
             <v-list-item
               :to="childItem.route"
               active-class="blue white--text"
             >
-              <v-list-item-title>{{ childItem.title }}</v-list-item-title>
+              <v-list-item-title>{{ childItem.titleKey ? $t(childItem.titleKey) : childItem.title }}</v-list-item-title>
             </v-list-item>
           </div>
         </v-list-group>
@@ -56,7 +56,7 @@
             <v-icon>mdi-logout</v-icon>
           </v-list-item-icon>
 
-          <v-list-item-title>로그아웃</v-list-item-title>
+          <v-list-item-title>{{ $t('common.logout') }}</v-list-item-title>
         </v-list-item>
       </v-list>
     </v-layout>
@@ -65,6 +65,7 @@
 
 <script>
 import * as api from '@/api/menu'
+import { attachTitleKeyByKo } from '@/utils/menuMapping'
 
 export default {
   name: "SideMenu",
@@ -94,25 +95,26 @@ export default {
         let res = await api.getMenus();
         if (res.status === 200 && res.data.success === true) {
           if (res.data.data && res.data.data.length > 0) {
-            this.items = res.data.data
+            // 서버가 titleKey를 내려주지 않는 항목은 한글 원문 기반 매핑으로 titleKey를 주입한다.
+            this.items = attachTitleKeyByKo(res.data.data)
           } else {
             // 빈 메뉴일 경우 기본 단독 메뉴를 제공한다.
             // 요구사항: 정산 관련 기본 메뉴를 추가한다.
             this.items = [
-              { title: '소속 크리에이터', route: '/agent/creators' },
-              { title: '크리에이터별 라이브 정산', route: '/agent/calculate/live' },
-              { title: '크리에이터별 콘텐츠 정산', route: '/agent/calculate/content-by-date' },
-              { title: '크리에이터별 콘텐츠 후원 정산', route: '/agent/calculate/content-donation-by-date' },
-              { title: '크리에이터별 커뮤니티 정산', route: '/agent/calculate/community-post' },
-              { title: '크리에이터별 채널 후원 정산', route: '/agent/calculate/channel-donation' },
+              { titleKey: 'comp.sideMenu.creators', route: '/agent/creators' },
+              { titleKey: 'comp.sideMenu.calc.live', route: '/agent/calculate/live' },
+              { titleKey: 'comp.sideMenu.calc.content', route: '/agent/calculate/content-by-date' },
+              { titleKey: 'comp.sideMenu.calc.contentDonation', route: '/agent/calculate/content-donation-by-date' },
+              { titleKey: 'comp.sideMenu.calc.community', route: '/agent/calculate/community-post' },
+              { titleKey: 'comp.sideMenu.calc.channelDonation', route: '/agent/calculate/channel-donation' },
             ]
           }
         } else {
-          this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
+          this.notifyError(this.$t('common.error.unknown'))
           this.logoutWithoutNetwork();
         }
       } catch (e) {
-        this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
+        this.notifyError(this.$t('common.error.unknown'))
         this.logoutWithoutNetwork();
       } finally {
         this.isLoading = false
diff --git a/src/i18n/index.js b/src/i18n/index.js
new file mode 100644
index 0000000..c96ad8a
--- /dev/null
+++ b/src/i18n/index.js
@@ -0,0 +1,106 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import ko from '@/locales/ko.json'
+import en from '@/locales/en.json'
+import ja from '@/locales/ja.json'
+
+Vue.use(VueI18n)
+
+function detectLocale() {
+  try {
+    const saved = localStorage.getItem('locale')
+    if (saved) return saved
+  } catch (e) {
+    // ignore
+  }
+
+  const list = (navigator.languages && navigator.languages.length
+    ? navigator.languages
+    : [navigator.language || 'en'])
+    .map(l => String(l).toLowerCase())
+
+  for (const l of list) {
+    if (l.startsWith('ko')) return 'ko'
+    if (l.startsWith('ja')) return 'ja'
+    if (l.startsWith('en')) return 'en'
+  }
+  return 'en' // 매칭 실패 시 기본값
+}
+
+const i18n = new VueI18n({
+  locale: detectLocale(),
+  fallbackLocale: 'en',
+  messages: { ko, en, ja },
+  // 숫자/통화 포맷 정책
+  numberFormats: {
+    en: {
+      decimal: {
+        style: 'decimal',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+      },
+      currency: {
+        style: 'currency',
+        currency: 'USD',
+        currencyDisplay: 'symbol',
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }
+    },
+    ko: {
+      decimal: {
+        style: 'decimal',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+      },
+      currency: {
+        style: 'currency',
+        currency: 'KRW',
+        currencyDisplay: 'symbol',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }
+    },
+    ja: {
+      decimal: {
+        style: 'decimal',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+      },
+      currency: {
+        style: 'currency',
+        currency: 'JPY',
+        currencyDisplay: 'symbol',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }
+    }
+  },
+  // 날짜/시간 포맷(예시)
+  dateTimeFormats: {
+    en: {
+      short: {
+        year: 'numeric', month: '2-digit', day: '2-digit'
+      }
+    },
+    ko: {
+      short: {
+        year: 'numeric', month: '2-digit', day: '2-digit'
+      }
+    },
+    ja: {
+      short: {
+        year: 'numeric', month: '2-digit', day: '2-digit'
+      }
+    }
+  },
+  silentTranslationWarn: process.env.NODE_ENV === 'production',
+  missing(locale, key) {
+    if (process.env.NODE_ENV !== 'production') {
+      // eslint-disable-next-line no-console
+      console.warn(`[i18n missing] ${locale}: ${key}`)
+    }
+  }
+})
+
+export default i18n
diff --git a/src/i18n/menuTitleMap.js b/src/i18n/menuTitleMap.js
new file mode 100644
index 0000000..70f30a3
--- /dev/null
+++ b/src/i18n/menuTitleMap.js
@@ -0,0 +1,28 @@
+// 한글 원문 → i18n 키 매핑 사전
+// 운영 원칙:
+// - 기존 키는 재사용한다.
+// - 표기 미세 차이는 전처리 단계의 정규화(normKo)로 흡수한다.
+
+export const titleKoToKey = {
+  // 그룹 타이틀
+  '콘텐츠 관리': 'comp.sideMenu.content.title',
+  '정산': 'comp.sideMenu.calc.title',
+
+  // 콘텐츠 관리 하위
+  '내 콘텐츠 리스트': 'comp.sideMenu.content.myList',
+  '카테고리 관리': 'comp.sideMenu.content.category',
+  '시리즈 관리': 'comp.sideMenu.content.series',
+
+  // 정산 하위
+  '라이브 정산': 'comp.sideMenu.calc.live', // 기존 키 재사용
+  '일자별 콘텐츠 정산': 'comp.sideMenu.calc.contentByDate',
+  '콘텐츠별 누적 현황': 'comp.sideMenu.calc.contentCumulative',
+  '일자별 콘텐츠 후원 정산': 'comp.sideMenu.calc.contentDonationByDate',
+  '커뮤니티 정산': 'comp.sideMenu.calc.community', // 기존 키 재사용
+
+  // 서버 원문은 공백 없이 내려옴: "채널후원 정산" → 기존 키로 매핑
+  '채널후원 정산': 'comp.sideMenu.calc.channelDonation',
+
+  // 시그니처 관리(사이드메뉴 타이틀은 view.signature.title 재사용)
+  '시그니처 관리': 'view.signature.title',
+}
diff --git a/src/locales/en.json b/src/locales/en.json
new file mode 100644
index 0000000..2de197c
--- /dev/null
+++ b/src/locales/en.json
@@ -0,0 +1,314 @@
+{
+  "common": {
+    "logout": "Log out",
+    "actions": {
+      "cancel": "Cancel",
+      "confirm": "Confirm"
+    },
+    "confirm": {
+      "delete": "Are you sure you want to delete?"
+    },
+    "error": {
+      "unknown": "An unknown error occurred. Please sign in again.",
+      "fetchFailed": "Failed to load the list. Please try again.",
+      "login": {
+        "checkInfo": "Please check your login information."
+      },
+      "google": {
+        "checkInfo": "Please check your Google sign-in information."
+      },
+      "kakao": {
+        "checkInfo": "Please check your Kakao sign-in information.",
+        "failed": "Kakao sign-in failed.",
+        "notInitialized": "Kakao SDK is not initialized. Please try again shortly.",
+        "moduleLoad": "Failed to load Kakao auth module. Please refresh the page."
+      },
+      "apple": {
+        "checkInfo": "Please check your Apple sign-in information.",
+        "failed": "Apple sign-in failed.",
+        "invalidResponse": "Invalid Apple sign-in response."
+      }
+    },
+    "unit": {
+      "can": "CAN",
+      "person": "people",
+      "krw": "KRW",
+      "case": "cases"
+    },
+    "lang": {
+      "ko": "한국어",
+      "en": "English",
+      "ja": "日本語"
+    },
+    "app": {
+      "title": "VoiceON Creator Admin"
+    }
+  },
+  "alt": {
+    "kakaoLoginButton": "Kakao login button"
+  },
+  "notice": {
+    "loading": {
+      "appleSdk": "Loading Apple SDK. Please try again shortly.",
+      "kakaoSdk": "Loading Kakao SDK. Please try again shortly."
+    }
+  },
+  "comp": {
+    "sideMenu": {
+      "content": {
+        "title": "Content management",
+        "myList": "My contents",
+        "category": "Category management",
+        "series": "Series management"
+      },
+      "creators": "Affiliated creators",
+      "calc": {
+        "title": "Settlement",
+        "live": "Settlement by live stream",
+        "content": "Settlement by content",
+        "contentByDate": "Content by date settlement",
+        "contentDonation": "Settlement by content donations",
+        "contentDonationByDate": "Content donation by date settlement",
+        "contentCumulative": "Content cumulative overview",
+        "community": "Settlement by community posts",
+        "channelDonation": "Settlement by channel donations"
+      }
+    }
+  },
+  "view": {
+    "signature": {
+      "title": "Signature management",
+      "actions": {
+        "create": "Create signature",
+        "edit": "Edit",
+        "delete": "Delete",
+        "loadImage": "Load image",
+        "cropDone": "Crop done"
+      },
+      "sort": {
+        "newest": "Newest",
+        "canHigh": "Highest CAN",
+        "canLow": "Lowest CAN"
+      },
+      "dialog": {
+        "createTitle": "Register signature CAN",
+        "cropTitle": "Image crop"
+      },
+      "fields": {
+        "can": "CAN",
+        "adult": "Adult",
+        "image": "Image",
+        "timeSec": "Time (sec)"
+      },
+      "headers": {
+        "can": "CAN",
+        "adult": "Adult",
+        "image": "Image",
+        "timeSec": "Time (sec)",
+        "actions": "Actions"
+      },
+      "validation": {
+        "fillRequired": "Please fill in the required fields.",
+        "timeRange": "Enter time between 3 and 20 seconds."
+      },
+      "messages": {
+        "created": "Created successfully.",
+        "updated": "Updated successfully.",
+        "deleted": "Deleted successfully.",
+        "noChanges": "No changes to update."
+      }
+    },
+    "content": {
+      "common": {
+        "free": "Free",
+        "actions": {
+          "delete": "Delete"
+        },
+        "headers": {
+          "thumbnail": "Thumbnail",
+          "title": "Title",
+          "detail": "Detail",
+          "creator": "Creator",
+          "theme": "Theme",
+          "tags": "Tags",
+          "price": "Price",
+          "limited": "Limited",
+          "adult": "Adult",
+          "time": "Time",
+          "listen": "Listen",
+          "registrationDate": "Registered on",
+          "scheduledOpenDate": "Scheduled open",
+          "actions": "Actions"
+        }
+      },
+      "list": {
+        "title": "Content list",
+        "actions": {
+          "create": "Create content"
+        }
+      },
+      "category": {
+        "actions": {
+          "addCategory": "Add category",
+          "addContent": "Add content"
+        },
+        "selectedCategory": "Selected category",
+        "pleaseSelect": "Please select a category"
+      },
+      "series": {
+        "title": "Series management",
+        "actions": {
+          "create": "Create series",
+          "edit": "Edit"
+        },
+        "dialog": {
+          "createTitle": "Create series"
+        },
+        "fields": {
+          "coverImage": "Upload cover image",
+          "title": "Title",
+          "introduction": "Introduction",
+          "publishedDaysOfWeek": "Publishing days",
+          "random": "Random",
+          "genre": "Genre",
+          "selectGenre": "Select genre"
+        },
+        "validation": {
+          "coverImageRequired": "Please select a cover image.",
+          "titleRequired": "Please enter the series title.",
+          "introRequired": "Please enter the series introduction.",
+          "daysRequired": "Please select publishing days.",
+          "keywordsRequired": "Please enter keywords to describe the series.",
+          "genreRequired": "Please select a valid genre."
+        },
+        "days": {
+          "mon": "Mon",
+          "tue": "Tue",
+          "wed": "Wed",
+          "thu": "Thu",
+          "fri": "Fri",
+          "sat": "Sat",
+          "sun": "Sun"
+        }
+      },
+      "seriesDetail": {
+        "actions": {
+          "addContent": "Add content"
+        },
+        "fields": {
+          "title": "Title",
+          "introduction": "Introduction",
+          "publishedDaysOfWeek": "Publishing days",
+          "genre": "Genre",
+          "keywords": "Keywords",
+          "adult": "Age rating",
+          "completed": "Completion",
+          "writer": "Writer",
+          "studio": "Studio"
+        },
+        "adult": {
+          "only": "Adults only",
+          "all": "All ages"
+        }
+      }
+    },
+    "calculate": {
+      "common": {
+        "rangeSeparator": "~",
+        "search": "Search",
+        "total": "Total",
+        "headers": {
+          "creator": "Creator",
+          "date": "Date",
+          "title": "Title",
+          "type": "Type",
+          "count": "Count",
+          "totalCan": "Total (CAN)",
+          "krw": "KRW",
+          "fee": "Fee",
+          "feeWithPercent": "Fee ( {percent} )",
+          "settlementAmount": "Settlement amount",
+          "withholdingTaxWithPercent": "Withholding tax ( {percent} )",
+          "depositAmount": "Deposit amount"
+        }
+      },
+      "live": {
+        "title": "Live settlement",
+        "headers": {
+          "entranceCan": "Entrance CAN",
+          "paidParticipants": "Paid participants"
+        }
+      },
+      "content": {
+        "title": "Content settlement",
+        "headers": {
+          "saleDate": "Sale date",
+          "orderPriceCan": "Sale amount (CAN)",
+          "salesCount": "Sales count",
+          "registrationDate": "Registration date"
+        }
+      },
+      "contentDonation": {
+        "title": "Content donation settlement",
+        "headers": {
+          "numberOfDonation": "Donation count"
+        }
+      },
+      "community": {
+        "title": "Community settlement",
+        "headers": {
+          "contentPreview": "Content (first 10 chars)",
+          "orderPriceCan": "Sale amount (CAN)",
+          "numberOfPurchase": "Number of buyers"
+        }
+      },
+      "channelDonation": {
+        "title": "Channel donation settlement"
+      },
+      "accumulation": {
+        "title": "Cumulative status by content",
+        "headers": {
+          "orderPriceCan": "Sale amount (CAN)",
+          "numberOfPeople": "Cumulative sales count"
+        }
+      }
+    },
+    "login": {
+      "email": "Email",
+      "password": "Password",
+      "login": "Sign in",
+      "loginWithApple": "Sign in with Apple",
+      "loginWithKakao": "Sign in with Kakao"
+    },
+    "agent": {
+      "creators": {
+        "title": "Affiliated creators",
+        "titleWithCount": "Affiliated creators - {count}",
+        "headers": {
+          "no": "No.",
+          "profile": "Profile",
+          "nickname": "Nickname"
+        }
+      },
+      "calculate": {
+        "common": {
+          "startDate": "Start date",
+          "endDate": "End date",
+          "search": "Search",
+          "total": "Total"
+        },
+        "columns": {
+          "nickname": "Nickname",
+          "count": "Count",
+          "totalCan": "Total CAN",
+          "krw": "KRW",
+          "fee": "Fee",
+          "settlementAmount": "Settlement amount",
+          "tax": "Tax",
+          "depositAmount": "Deposit amount",
+          "agentSettlementAmount": "Agent settlement amount"
+        }
+      }
+    }
+  }
+}
diff --git a/src/locales/ja.json b/src/locales/ja.json
new file mode 100644
index 0000000..9fb439b
--- /dev/null
+++ b/src/locales/ja.json
@@ -0,0 +1,314 @@
+{
+  "common": {
+    "logout": "ログアウト",
+    "actions": {
+      "cancel": "キャンセル",
+      "confirm": "確認"
+    },
+    "confirm": {
+      "delete": "削除してもよろしいですか？"
+    },
+    "error": {
+      "unknown": "不明なエラーが発生しました。再度ログインしてください。",
+      "fetchFailed": "リストを読み込めませんでした。もう一度お試しください。",
+      "login": {
+        "checkInfo": "ログイン情報を確認してください。"
+      },
+      "google": {
+        "checkInfo": "Googleログイン情報を確認してください。"
+      },
+      "kakao": {
+        "checkInfo": "Kakaoログイン情報を確認してください。",
+        "failed": "Kakaoログインに失敗しました。",
+        "notInitialized": "Kakao SDKが初期化されていません。しばらくしてから再試行してください。",
+        "moduleLoad": "Kakao認証モジュールを読み込めませんでした。ページを再読み込みしてください。"
+      },
+      "apple": {
+        "checkInfo": "Appleログイン情報を確認してください。",
+        "failed": "Appleログインに失敗しました。",
+        "invalidResponse": "Appleログインの応答が正しくありません。"
+      }
+    },
+    "unit": {
+      "can": "CAN",
+      "person": "名",
+      "krw": "ウォン",
+      "case": "件"
+    },
+    "lang": {
+      "ko": "한국어",
+      "en": "English",
+      "ja": "日本語"
+    },
+    "app": {
+      "title": "ボイスオン クリエイター管理"
+    }
+  },
+  "alt": {
+    "kakaoLoginButton": "Kakao ログインボタン"
+  },
+  "notice": {
+    "loading": {
+      "appleSdk": "Apple SDKを読み込み中です。しばらくしてから再試行してください。",
+      "kakaoSdk": "Kakao SDKを読み込み中です。しばらくしてから再試行してください。"
+    }
+  },
+  "comp": {
+    "sideMenu": {
+      "content": {
+        "title": "コンテンツ管理",
+        "myList": "自分のコンテンツ一覧",
+        "category": "カテゴリ管理",
+        "series": "シリーズ管理"
+      },
+      "creators": "所属クリエイター",
+      "calc": {
+        "title": "精算",
+        "live": "クリエイター別ライブ精算",
+        "content": "クリエイター別コンテンツ精算",
+        "contentByDate": "日付別コンテンツ精算",
+        "contentDonation": "クリエイター別コンテンツ支援精算",
+        "contentDonationByDate": "日付別コンテンツ支援精算",
+        "contentCumulative": "コンテンツ別累積状況",
+        "community": "クリエイター別コミュニティ精算",
+        "channelDonation": "クリエイター別チャンネル支援精算"
+      }
+    }
+  },
+  "view": {
+    "signature": {
+      "title": "シグネチャ管理",
+      "actions": {
+        "create": "シグネチャ登録",
+        "edit": "編集",
+        "delete": "削除",
+        "loadImage": "画像を読み込む",
+        "cropDone": "クロップ完了"
+      },
+      "sort": {
+        "newest": "新着順",
+        "canHigh": "CAN高い順",
+        "canLow": "CAN低い順"
+      },
+      "dialog": {
+        "createTitle": "シグネチャCAN登録",
+        "cropTitle": "画像クロップ"
+      },
+      "fields": {
+        "can": "CAN",
+        "adult": "成人向け",
+        "image": "画像",
+        "timeSec": "時間(秒)"
+      },
+      "headers": {
+        "can": "CAN",
+        "adult": "成人向け",
+        "image": "画像",
+        "timeSec": "時間(秒)",
+        "actions": "管理"
+      },
+      "validation": {
+        "fillRequired": "内容を入力してください",
+        "timeRange": "時間は3秒以上20秒以下で入力してください。"
+      },
+      "messages": {
+        "created": "登録しました。",
+        "updated": "更新しました。",
+        "deleted": "削除しました。",
+        "noChanges": "変更はありません。"
+      }
+    },
+    "content": {
+      "common": {
+        "free": "無料",
+        "actions": {
+          "delete": "削除"
+        },
+        "headers": {
+          "thumbnail": "サムネイル",
+          "title": "タイトル",
+          "detail": "内容",
+          "creator": "クリエイター",
+          "theme": "テーマ",
+          "tags": "タグ",
+          "price": "価格",
+          "limited": "限定",
+          "adult": "成人向け",
+          "time": "時間",
+          "listen": "視聴",
+          "registrationDate": "登録日",
+          "scheduledOpenDate": "公開予定日",
+          "actions": "管理"
+        }
+      },
+      "list": {
+        "title": "コンテンツ一覧",
+        "actions": {
+          "create": "コンテンツ登録"
+        }
+      },
+      "category": {
+        "actions": {
+          "addCategory": "カテゴリー追加",
+          "addContent": "コンテンツ追加"
+        },
+        "selectedCategory": "選択したカテゴリー",
+        "pleaseSelect": "カテゴリーを選択してください"
+      },
+      "series": {
+        "title": "シリーズ管理",
+        "actions": {
+          "create": "シリーズ登録",
+          "edit": "編集"
+        },
+        "dialog": {
+          "createTitle": "シリーズ登録"
+        },
+        "fields": {
+          "coverImage": "カバー画像登録",
+          "title": "タイトル",
+          "introduction": "紹介",
+          "publishedDaysOfWeek": "連載曜日",
+          "random": "ランダム",
+          "genre": "ジャンル",
+          "selectGenre": "ジャンル選択"
+        },
+        "validation": {
+          "coverImageRequired": "カバー画像を選択してください",
+          "titleRequired": "シリーズのタイトルを入力してください",
+          "introRequired": "シリーズの紹介文を入力してください",
+          "daysRequired": "連載曜日を選択してください",
+          "keywordsRequired": "シリーズを説明するキーワードを入力してください",
+          "genreRequired": "正しいジャンルを選択してください"
+        },
+        "days": {
+          "mon": "月",
+          "tue": "火",
+          "wed": "水",
+          "thu": "木",
+          "fri": "金",
+          "sat": "土",
+          "sun": "日"
+        }
+      },
+      "seriesDetail": {
+        "actions": {
+          "addContent": "コンテンツ追加"
+        },
+        "fields": {
+          "title": "タイトル",
+          "introduction": "紹介",
+          "publishedDaysOfWeek": "連載曜日",
+          "genre": "ジャンル",
+          "keywords": "キーワード",
+          "adult": "年齢制限",
+          "completed": "完結状況",
+          "writer": "作家",
+          "studio": "制作会社"
+        },
+        "adult": {
+          "only": "19歳以上",
+          "all": "全年齢対象"
+        }
+      }
+    },
+    "calculate": {
+      "common": {
+        "rangeSeparator": "~",
+        "search": "検索",
+        "total": "合計",
+        "headers": {
+          "creator": "クリエイター",
+          "date": "日付",
+          "title": "タイトル",
+          "type": "区分",
+          "count": "件数",
+          "totalCan": "合計(CAN)",
+          "krw": "ウォン",
+          "fee": "手数料",
+          "feeWithPercent": "手数料( {percent} )",
+          "settlementAmount": "精算金額",
+          "withholdingTaxWithPercent": "源泉徴収( {percent} )",
+          "depositAmount": "入金額"
+        }
+      },
+      "live": {
+        "title": "ライブ精算",
+        "headers": {
+          "entranceCan": "入場CAN",
+          "paidParticipants": "有料部屋参加人数"
+        }
+      },
+      "content": {
+        "title": "コンテンツ精算",
+        "headers": {
+          "saleDate": "販売日",
+          "orderPriceCan": "販売金額(CAN)",
+          "salesCount": "販売数",
+          "registrationDate": "登録日"
+        }
+      },
+      "contentDonation": {
+        "title": "コンテンツ支援精算",
+        "headers": {
+          "numberOfDonation": "支援数"
+        }
+      },
+      "community": {
+        "title": "コミュニティ精算",
+        "headers": {
+          "contentPreview": "内容（先頭10文字）",
+          "orderPriceCan": "販売金額(CAN)",
+          "numberOfPurchase": "購入ユーザー数"
+        }
+      },
+      "channelDonation": {
+        "title": "チャンネル支援精算"
+      },
+      "accumulation": {
+        "title": "コンテンツ別累計状況",
+        "headers": {
+          "orderPriceCan": "販売金額(CAN)",
+          "numberOfPeople": "累計販売数"
+        }
+      }
+    },
+    "login": {
+      "email": "メール",
+      "password": "パスワード",
+      "login": "ログイン",
+      "loginWithApple": "Appleでログイン",
+      "loginWithKakao": "Kakaoでログイン"
+    },
+    "agent": {
+      "creators": {
+        "title": "所属クリエイター",
+        "titleWithCount": "所属クリエイター - {count}名",
+        "headers": {
+          "no": "番号",
+          "profile": "プロフィール",
+          "nickname": "ニックネーム"
+        }
+      },
+      "calculate": {
+        "common": {
+          "startDate": "開始日",
+          "endDate": "終了日",
+          "search": "検索",
+          "total": "合計"
+        },
+        "columns": {
+          "nickname": "ニックネーム",
+          "count": "件数",
+          "totalCan": "合計 CAN",
+          "krw": "ウォン",
+          "fee": "手数料",
+          "settlementAmount": "精算金額",
+          "tax": "税金",
+          "depositAmount": "入金額",
+          "agentSettlementAmount": "エージェント精算金額"
+        }
+      }
+    }
+  }
+}
diff --git a/src/locales/ko.json b/src/locales/ko.json
new file mode 100644
index 0000000..258d3e7
--- /dev/null
+++ b/src/locales/ko.json
@@ -0,0 +1,314 @@
+{
+  "common": {
+    "logout": "로그아웃",
+    "actions": {
+      "cancel": "취소",
+      "confirm": "확인"
+    },
+    "confirm": {
+      "delete": "삭제하시겠습니까?"
+    },
+    "error": {
+      "unknown": "알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!",
+      "fetchFailed": "목록을 불러오지 못했습니다. 다시 시도해 주세요.",
+      "login": {
+        "checkInfo": "로그인 정보를 확인해주세요."
+      },
+      "google": {
+        "checkInfo": "구글 로그인 정보를 확인해주세요."
+      },
+      "kakao": {
+        "checkInfo": "카카오 로그인 정보를 확인해주세요.",
+        "failed": "카카오 로그인에 실패했습니다.",
+        "notInitialized": "카카오 SDK가 초기화되지 않았습니다. 잠시 후 다시 시도해주세요.",
+        "moduleLoad": "카카오 인증 모듈을 불러오지 못했습니다. 페이지를 새로고침 해주세요."
+      },
+      "apple": {
+        "checkInfo": "애플 로그인 정보를 확인해주세요.",
+        "failed": "애플 로그인에 실패했습니다.",
+        "invalidResponse": "애플 로그인 응답이 올바르지 않습니다."
+      }
+    },
+    "unit": {
+      "can": "캔",
+      "person": "명",
+      "krw": "원",
+      "case": "건"
+    },
+    "lang": {
+      "ko": "한국어",
+      "en": "English",
+      "ja": "日本語"
+    },
+    "app": {
+      "title": "보이스온 크리에이터 관리자"
+    }
+  },
+  "alt": {
+    "kakaoLoginButton": "카카오 로그인 버튼"
+  },
+  "notice": {
+    "loading": {
+      "appleSdk": "애플 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.",
+      "kakaoSdk": "카카오 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요."
+    }
+  },
+  "comp": {
+    "sideMenu": {
+      "content": {
+        "title": "콘텐츠 관리",
+        "myList": "내 콘텐츠 리스트",
+        "category": "카테고리 관리",
+        "series": "시리즈 관리"
+      },
+      "creators": "소속 크리에이터",
+      "calc": {
+        "title": "정산",
+        "live": "크리에이터별 라이브 정산",
+        "content": "크리에이터별 콘텐츠 정산",
+        "contentByDate": "일자별 콘텐츠 정산",
+        "contentDonation": "크리에이터별 콘텐츠 후원 정산",
+        "contentDonationByDate": "일자별 콘텐츠 후원 정산",
+        "contentCumulative": "콘텐츠별 누적 현황",
+        "community": "크리에이터별 커뮤니티 정산",
+        "channelDonation": "크리에이터별 채널 후원 정산"
+      }
+    }
+  },
+  "view": {
+    "signature": {
+      "title": "시그니처 관리",
+      "actions": {
+        "create": "시그니처 등록",
+        "edit": "수정",
+        "delete": "삭제",
+        "loadImage": "이미지 불러오기",
+        "cropDone": "크롭 완료"
+      },
+      "sort": {
+        "newest": "최신순",
+        "canHigh": "높은캔순",
+        "canLow": "낮은캔순"
+      },
+      "dialog": {
+        "createTitle": "시그니처 캔 등록",
+        "cropTitle": "이미지 크롭"
+      },
+      "fields": {
+        "can": "캔",
+        "adult": "19금",
+        "image": "이미지",
+        "timeSec": "시간(초)"
+      },
+      "headers": {
+        "can": "캔",
+        "adult": "19금",
+        "image": "이미지",
+        "timeSec": "시간(초)",
+        "actions": "관리"
+      },
+      "validation": {
+        "fillRequired": "내용을 입력하세요",
+        "timeRange": "시간은 3초 이상 20초 이하를 입력하세요."
+      },
+      "messages": {
+        "created": "등록되었습니다.",
+        "updated": "수정되었습니다.",
+        "deleted": "삭제되었습니다.",
+        "noChanges": "변경사항이 없습니다."
+      }
+    },
+    "content": {
+      "common": {
+        "free": "무료",
+        "actions": {
+          "delete": "삭제"
+        },
+        "headers": {
+          "thumbnail": "썸네일",
+          "title": "제목",
+          "detail": "내용",
+          "creator": "크리에이터",
+          "theme": "테마",
+          "tags": "태그",
+          "price": "가격",
+          "limited": "한정판",
+          "adult": "19금",
+          "time": "시간",
+          "listen": "듣기",
+          "registrationDate": "등록일",
+          "scheduledOpenDate": "오픈 예정일",
+          "actions": "관리"
+        }
+      },
+      "list": {
+        "title": "콘텐츠 리스트",
+        "actions": {
+          "create": "콘텐츠 등록"
+        }
+      },
+      "category": {
+        "actions": {
+          "addCategory": "카테고리 추가",
+          "addContent": "콘텐츠 추가"
+        },
+        "selectedCategory": "선택된 카테고리",
+        "pleaseSelect": "카테고리를 선택해 주세요"
+      },
+      "series": {
+        "title": "시리즈 관리",
+        "actions": {
+          "create": "시리즈 등록",
+          "edit": "수정"
+        },
+        "dialog": {
+          "createTitle": "시리즈 등록"
+        },
+        "fields": {
+          "coverImage": "커버 이미지 등록",
+          "title": "제목",
+          "introduction": "소개",
+          "publishedDaysOfWeek": "연재요일",
+          "random": "랜덤",
+          "genre": "장르",
+          "selectGenre": "장르 선택"
+        },
+        "validation": {
+          "coverImageRequired": "커버 이미지를 선택하세요",
+          "titleRequired": "시리즈 제목을 입력하세요",
+          "introRequired": "시리즈 소개를 입력하세요",
+          "daysRequired": "시리즈 연재요일을 선택하세요",
+          "keywordsRequired": "시리즈를 설명할 수 있는 키워드를 입력하세요",
+          "genreRequired": "올바른 장르를 선택하세요"
+        },
+        "days": {
+          "mon": "월",
+          "tue": "화",
+          "wed": "수",
+          "thu": "목",
+          "fri": "금",
+          "sat": "토",
+          "sun": "일"
+        }
+      },
+      "seriesDetail": {
+        "actions": {
+          "addContent": "콘텐츠 추가"
+        },
+        "fields": {
+          "title": "제목",
+          "introduction": "소개",
+          "publishedDaysOfWeek": "연재요일",
+          "genre": "장르",
+          "keywords": "키워드",
+          "adult": "연령제한",
+          "completed": "완결여부",
+          "writer": "작가",
+          "studio": "제작사"
+        },
+        "adult": {
+          "only": "19세이상",
+          "all": "전체이용가"
+        }
+      }
+    },
+    "calculate": {
+      "common": {
+        "rangeSeparator": "~",
+        "search": "조회",
+        "total": "합계",
+        "headers": {
+          "creator": "크리에이터",
+          "date": "날짜",
+          "title": "제목",
+          "type": "구분",
+          "count": "건수",
+          "totalCan": "합계(캔)",
+          "krw": "원화",
+          "fee": "수수료",
+          "feeWithPercent": "수수료( {percent} )",
+          "settlementAmount": "정산금액",
+          "withholdingTaxWithPercent": "원천세( {percent} )",
+          "depositAmount": "입금액"
+        }
+      },
+      "live": {
+        "title": "라이브 정산",
+        "headers": {
+          "entranceCan": "입장캔",
+          "paidParticipants": "유료방참여인원"
+        }
+      },
+      "content": {
+        "title": "콘텐츠 정산",
+        "headers": {
+          "saleDate": "판매일",
+          "orderPriceCan": "판매금액(캔)",
+          "salesCount": "판매수",
+          "registrationDate": "등록일"
+        }
+      },
+      "contentDonation": {
+        "title": "콘텐츠 후원 정산",
+        "headers": {
+          "numberOfDonation": "후원수"
+        }
+      },
+      "community": {
+        "title": "커뮤니티 정산",
+        "headers": {
+          "contentPreview": "내용(앞 10글자)",
+          "orderPriceCan": "판매금액(캔)",
+          "numberOfPurchase": "구매유저수"
+        }
+      },
+      "channelDonation": {
+        "title": "채널 후원 정산"
+      },
+      "accumulation": {
+        "title": "콘텐츠별 누적 현황",
+        "headers": {
+          "orderPriceCan": "판매금액(캔)",
+          "numberOfPeople": "누적 판매수"
+        }
+      }
+    },
+    "login": {
+      "email": "이메일",
+      "password": "비밀번호",
+      "login": "로그인",
+      "loginWithApple": "Apple로 로그인",
+      "loginWithKakao": "카카오로 로그인"
+    },
+    "agent": {
+      "creators": {
+        "title": "소속 크리에이터",
+        "titleWithCount": "소속 크리에이터 - {count}명",
+        "headers": {
+          "no": "순번",
+          "profile": "프로필",
+          "nickname": "닉네임"
+        }
+      },
+      "calculate": {
+        "common": {
+          "startDate": "시작일",
+          "endDate": "종료일",
+          "search": "조회",
+          "total": "합계"
+        },
+        "columns": {
+          "nickname": "닉네임",
+          "count": "건수",
+          "totalCan": "총 CAN",
+          "krw": "원화",
+          "fee": "수수료",
+          "settlementAmount": "정산금액",
+          "tax": "세금",
+          "depositAmount": "입금액",
+          "agentSettlementAmount": "에이전트 정산금액"
+        }
+      }
+    }
+  }
+}
diff --git a/src/main.js b/src/main.js
index ccb3a50..5ac30c2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import './plugins/axios'
 import App from './App.vue'
 import vuetify from './plugins/vuetify'
+import i18n from './i18n'
 import router from './router'
 import store from './store'
 
@@ -15,7 +16,42 @@ Vue.use(VuetifyDialog, {
     }
 })
 
+// 초기 진입 시 index.html의 하드코딩 타이틀을 i18n의 common.app.title로 교체
+try {
+  const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
+  if (appTitle) document.title = `${appTitle}`
+} catch (e) {
+  // ignore
+}
+
+// Vuetify 언어와 vue-i18n 로케일 동기화
+try {
+  vuetify.framework.lang.current = i18n.locale
+  if (i18n.vm && i18n.vm.$watch) {
+    i18n.vm.$watch('locale', (val) => {
+      vuetify.framework.lang.current = val
+      try { localStorage.setItem('locale', val) } catch (e) { /* ignore */ }
+
+      // 언어 변경 시 현재 라우트 기준으로 문서 타이틀 재계산
+      try {
+        const to = router.currentRoute
+        const matched = (to && to.matched) ? to.matched : []
+        const deepest = matched.length ? matched[matched.length - 1] : to
+        const key = deepest && deepest.meta && deepest.meta.titleKey
+        const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
+        const localized = key ? i18n.t(key) : ''
+        document.title = key ? `${localized} - ${appTitle}` : `${appTitle}`
+      } catch (e) {
+        // ignore
+      }
+    })
+  }
+} catch (e) {
+  // ignore
+}
+
 new Vue({
+    i18n,
     vuetify,
     router,
     store,
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 5bdec19..cd7261c 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -1,7 +1,28 @@
-import Vue from 'vue';
-import Vuetify from 'vuetify/lib/framework';
+import Vue from 'vue'
+import Vuetify from 'vuetify/lib/framework'
+import en from 'vuetify/lib/locale/en'
+import ko from 'vuetify/lib/locale/ko'
+import ja from 'vuetify/lib/locale/ja'
 
-Vue.use(Vuetify);
+Vue.use(Vuetify)
+
+function detectVuetifyLocale() {
+  try {
+    const saved = localStorage.getItem('locale')
+    if (saved) return saved
+  } catch (e) {
+    // ignore
+  }
+  const l = (navigator.languages && navigator.languages[0]) || navigator.language || 'en'
+  const low = String(l).toLowerCase()
+  if (low.startsWith('ko')) return 'ko'
+  if (low.startsWith('ja')) return 'ja'
+  return 'en'
+}
 
 export default new Vuetify({
-});
+  lang: {
+    locales: { en, ko, ja },
+    current: detectVuetifyLocale()
+  }
+})
diff --git a/src/router/index.js b/src/router/index.js
index 1fa7b8e..8bf43b3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import store from '@/store';
+import i18n from '@/i18n'
 
 import DefaultLayout from '@/layouts/default'
 
@@ -99,7 +100,8 @@ const routes = [
             {
                 path: '/signature',
                 name: 'SignatureManagement',
-                component: () => import(/* webpackChunkName: "signature" */ '../views/Signature/SignatureManagement.vue')
+                component: () => import(/* webpackChunkName: "signature" */ '../views/Signature/SignatureManagement.vue'),
+                meta: { titleKey: 'view.signature.title' }
             }
         ]
     },
@@ -135,4 +137,19 @@ router.beforeEach((to, from, next) => {
     }
 })
 
+// 라우트 변경 시 문서 타이틀을 i18n으로 갱신
+router.afterEach((to) => {
+    try {
+        // 가장 깊은 매칭 라우트에서 titleKey 탐색
+        const matched = (to && to.matched) ? to.matched : []
+        const deepest = matched.length ? matched[matched.length - 1] : to
+        const key = deepest && deepest.meta && deepest.meta.titleKey
+        const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
+        const localized = key ? i18n.t(key) : ''
+        document.title = key ? `${localized} - ${appTitle}` : `${appTitle}`
+    } catch (e) {
+        // ignore
+    }
+})
+
 export default router
diff --git a/src/store/accountStore.js b/src/store/accountStore.js
index 5023846..a31c322 100644
--- a/src/store/accountStore.js
+++ b/src/store/accountStore.js
@@ -1,5 +1,6 @@
 import * as memberApi from '@/api/member'
 import Vue from 'vue';
+import i18n from '@/i18n'
 
 const enhanceAccessToken = () => {
     const {accessToken} = localStorage
@@ -75,7 +76,7 @@ const accountStore = {
                     errorMessage = res.data.message
                 }
             } catch (e) {
-                errorMessage = '로그인 정보를 확인해주세요.'
+                errorMessage = i18n.t('common.error.login.checkInfo')
             }
 
             return new Promise((resolve, reject) => {
@@ -100,7 +101,7 @@ const accountStore = {
                     errorMessage = res.data.message
                 }
             } catch (e) {
-                errorMessage = '구글 로그인 정보를 확인해주세요.'
+                errorMessage = i18n.t('common.error.google.checkInfo')
             }
 
             return new Promise((resolve, reject) => {
@@ -125,7 +126,7 @@ const accountStore = {
                     errorMessage = res.data.message
                 }
             } catch (e) {
-                errorMessage = '카카오 로그인 정보를 확인해주세요.'
+                errorMessage = i18n.t('common.error.kakao.checkInfo')
             }
 
             return new Promise((resolve, reject) => {
@@ -150,7 +151,7 @@ const accountStore = {
                     errorMessage = res.data.message
                 }
             } catch (e) {
-                errorMessage = '애플 로그인 정보를 확인해주세요.'
+                errorMessage = i18n.t('common.error.apple.checkInfo')
             }
 
             return new Promise((resolve, reject) => {
@@ -176,7 +177,7 @@ const accountStore = {
                     errorMessage = res.data.message
                 }
             } catch (e) {
-                errorMessage = '로그인 정보를 확인해주세요.'
+                errorMessage = i18n.t('common.error.login.checkInfo')
             }
 
             return new Promise((resolve, reject) => {
diff --git a/src/utils/menuMapping.js b/src/utils/menuMapping.js
new file mode 100644
index 0000000..7b7a395
--- /dev/null
+++ b/src/utils/menuMapping.js
@@ -0,0 +1,35 @@
+import { titleKoToKey } from '@/i18n/menuTitleMap'
+
+export function normKo(s) {
+  if (!s || typeof s !== 'string') return s
+  try {
+    return s
+      .normalize('NFC')
+      .replace(/\s+/g, ' ')
+      .trim()
+  } catch (e) {
+    // 일부 환경에서 normalize 미지원 시 안전하게 진행
+    return String(s).replace(/\s+/g, ' ').trim()
+  }
+}
+
+export function attachTitleKeyByKo(items) {
+  if (!Array.isArray(items)) return items
+  return items.map(item => {
+    const next = { ...item }
+    const title = normKo(item && item.title)
+    const key = title ? titleKoToKey[title] : undefined
+    if (key) {
+      next.titleKey = key
+    } else if (process && process.env && process.env.NODE_ENV !== 'production') {
+      // 개발 환경에서만 경고 로그
+      // eslint-disable-next-line no-console
+      console.warn('[menu-i18n] missing map for title:', item && item.title)
+    }
+
+    if (Array.isArray(item && item.items) && item.items.length > 0) {
+      next.items = attachTitleKeyByKo(item.items)
+    }
+    return next
+  })
+}
diff --git a/src/views/Agent/Calculate/AgentCalculateChannelDonation.vue b/src/views/Agent/Calculate/AgentCalculateChannelDonation.vue
index 0ecf92f..6806ef8 100644
--- a/src/views/Agent/Calculate/AgentCalculateChannelDonation.vue
+++ b/src/views/Agent/Calculate/AgentCalculateChannelDonation.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>크리에이터별 채널 후원 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('comp.sideMenu.calc.channelDonation') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -29,7 +29,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="시작일"
+                :label="$t('view.agent.calculate.common.startDate')"
                 readonly
                 dense
                 :value="start_date"
@@ -58,7 +58,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="종료일"
+                :label="$t('view.agent.calculate.common.endDate')"
                 readonly
                 dense
                 :value="end_date"
@@ -82,7 +82,7 @@
             :loading="is_loading"
             @click="fetchItems"
           >
-            조회
+            {{ $t('view.agent.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -99,38 +99,38 @@
           >
             <template slot="body.prepend">
               <tr>
-                <td>합계</td>
-                <td>{{ (total.count || 0).toLocaleString() }}</td>
-                <td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
-                <td>{{ (total.krw || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.fee || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.tax || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
+                <td>{{ $t('view.agent.calculate.common.total') }}</td>
+                <td>{{ $n(total.count || 0, 'decimal') }}</td>
+                <td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
+                <td>{{ $n(total.krw || 0, 'currency') }}</td>
+                <td>{{ $n(total.fee || 0, 'currency') }}</td>
+                <td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.tax || 0, 'currency') }}</td>
+                <td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ (item.totalCan || 0).toLocaleString() }} 캔
+              {{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
             </template>
             <template v-slot:item.krw="{ item }">
-              {{ (item.krw || 0).toLocaleString() }} 원
+              {{ $n(item.krw || 0, 'currency') }}
             </template>
             <template v-slot:item.fee="{ item }">
-              {{ (item.fee || 0).toLocaleString() }} 원
+              {{ $n(item.fee || 0, 'currency') }}
             </template>
             <template v-slot:item.settlementAmount="{ item }">
-              {{ (item.settlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.settlementAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.tax="{ item }">
-              {{ (item.tax || 0).toLocaleString() }} 원
+              {{ $n(item.tax || 0, 'currency') }}
             </template>
             <template v-slot:item.depositAmount="{ item }">
-              {{ (item.depositAmount || 0).toLocaleString() }} 원
+              {{ $n(item.depositAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.agentSettlementAmount="{ item }">
-              {{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.agentSettlementAmount || 0, 'currency') }}
             </template>
           </v-data-table>
         </v-col>
@@ -177,16 +177,21 @@ export default {
         depositAmount: 0,
         agentSettlementAmount: 0
       },
-      headers: [
-        { text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
-        { text: '건수', value: 'count', align: 'center', sortable: false },
-        { text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
-        { text: '원화', value: 'krw', align: 'center', sortable: false },
-        { text: '수수료', value: 'fee', align: 'center', sortable: false },
-        { text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
-        { text: '세금', value: 'tax', align: 'center', sortable: false },
-        { text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
-        { text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
+      // headers는 locale 변경 시 computed에서 생성
+    }
+  },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
       ]
     }
   },
@@ -227,10 +232,10 @@ export default {
           const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
           this.total_page = totalPage > 0 ? totalPage : 1
         } else {
-          this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data?.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Agent/Calculate/AgentCalculateCommunityPost.vue b/src/views/Agent/Calculate/AgentCalculateCommunityPost.vue
index f98cff1..91609df 100644
--- a/src/views/Agent/Calculate/AgentCalculateCommunityPost.vue
+++ b/src/views/Agent/Calculate/AgentCalculateCommunityPost.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>크리에이터별 커뮤니티 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('comp.sideMenu.calc.community') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -29,7 +29,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="시작일"
+                :label="$t('view.agent.calculate.common.startDate')"
                 readonly
                 dense
                 :value="start_date"
@@ -58,7 +58,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="종료일"
+                :label="$t('view.agent.calculate.common.endDate')"
                 readonly
                 dense
                 :value="end_date"
@@ -82,7 +82,7 @@
             :loading="is_loading"
             @click="fetchItems"
           >
-            조회
+            {{ $t('view.agent.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -99,38 +99,38 @@
           >
             <template slot="body.prepend">
               <tr>
-                <td>합계</td>
-                <td>{{ (total.count || 0).toLocaleString() }}</td>
-                <td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
-                <td>{{ (total.krw || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.fee || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.tax || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
+                <td>{{ $t('view.agent.calculate.common.total') }}</td>
+                <td>{{ $n(total.count || 0, 'decimal') }}</td>
+                <td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
+                <td>{{ $n(total.krw || 0, 'currency') }}</td>
+                <td>{{ $n(total.fee || 0, 'currency') }}</td>
+                <td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.tax || 0, 'currency') }}</td>
+                <td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ (item.totalCan || 0).toLocaleString() }} 캔
+              {{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
             </template>
             <template v-slot:item.krw="{ item }">
-              {{ (item.krw || 0).toLocaleString() }} 원
+              {{ $n(item.krw || 0, 'currency') }}
             </template>
             <template v-slot:item.fee="{ item }">
-              {{ (item.fee || 0).toLocaleString() }} 원
+              {{ $n(item.fee || 0, 'currency') }}
             </template>
             <template v-slot:item.settlementAmount="{ item }">
-              {{ (item.settlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.settlementAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.tax="{ item }">
-              {{ (item.tax || 0).toLocaleString() }} 원
+              {{ $n(item.tax || 0, 'currency') }}
             </template>
             <template v-slot:item.depositAmount="{ item }">
-              {{ (item.depositAmount || 0).toLocaleString() }} 원
+              {{ $n(item.depositAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.agentSettlementAmount="{ item }">
-              {{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.agentSettlementAmount || 0, 'currency') }}
             </template>
           </v-data-table>
         </v-col>
@@ -177,16 +177,21 @@ export default {
         depositAmount: 0,
         agentSettlementAmount: 0
       },
-      headers: [
-        { text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
-        { text: '건수', value: 'count', align: 'center', sortable: false },
-        { text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
-        { text: '원화', value: 'krw', align: 'center', sortable: false },
-        { text: '수수료', value: 'fee', align: 'center', sortable: false },
-        { text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
-        { text: '세금', value: 'tax', align: 'center', sortable: false },
-        { text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
-        { text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
+      // headers는 locale 변경 시 computed에서 생성
+    }
+  },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
       ]
     }
   },
@@ -227,10 +232,10 @@ export default {
           const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
           this.total_page = totalPage > 0 ? totalPage : 1
         } else {
-          this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data?.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Agent/Calculate/AgentCalculateContent.vue b/src/views/Agent/Calculate/AgentCalculateContent.vue
index 83846dd..d403121 100644
--- a/src/views/Agent/Calculate/AgentCalculateContent.vue
+++ b/src/views/Agent/Calculate/AgentCalculateContent.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>크리에이터별 콘텐츠 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('comp.sideMenu.calc.content') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -29,7 +29,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="시작일"
+                :label="$t('view.agent.calculate.common.startDate')"
                 readonly
                 dense
                 :value="start_date"
@@ -58,7 +58,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="종료일"
+                :label="$t('view.agent.calculate.common.endDate')"
                 readonly
                 dense
                 :value="end_date"
@@ -82,7 +82,7 @@
             :loading="is_loading"
             @click="fetchItems"
           >
-            조회
+            {{ $t('view.agent.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -99,38 +99,38 @@
           >
             <template slot="body.prepend">
               <tr>
-                <td>합계</td>
-                <td>{{ (total.count || 0).toLocaleString() }}</td>
-                <td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
-                <td>{{ (total.krw || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.fee || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.tax || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
+                <td>{{ $t('view.agent.calculate.common.total') }}</td>
+                <td>{{ $n(total.count || 0, 'decimal') }}</td>
+                <td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
+                <td>{{ $n(total.krw || 0, 'currency') }}</td>
+                <td>{{ $n(total.fee || 0, 'currency') }}</td>
+                <td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.tax || 0, 'currency') }}</td>
+                <td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ (item.totalCan || 0).toLocaleString() }} 캔
+              {{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
             </template>
             <template v-slot:item.krw="{ item }">
-              {{ (item.krw || 0).toLocaleString() }} 원
+              {{ $n(item.krw || 0, 'currency') }}
             </template>
             <template v-slot:item.fee="{ item }">
-              {{ (item.fee || 0).toLocaleString() }} 원
+              {{ $n(item.fee || 0, 'currency') }}
             </template>
             <template v-slot:item.settlementAmount="{ item }">
-              {{ (item.settlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.settlementAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.tax="{ item }">
-              {{ (item.tax || 0).toLocaleString() }} 원
+              {{ $n(item.tax || 0, 'currency') }}
             </template>
             <template v-slot:item.depositAmount="{ item }">
-              {{ (item.depositAmount || 0).toLocaleString() }} 원
+              {{ $n(item.depositAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.agentSettlementAmount="{ item }">
-              {{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.agentSettlementAmount || 0, 'currency') }}
             </template>
           </v-data-table>
         </v-col>
@@ -177,16 +177,21 @@ export default {
         depositAmount: 0,
         agentSettlementAmount: 0
       },
-      headers: [
-        { text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
-        { text: '건수', value: 'count', align: 'center', sortable: false },
-        { text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
-        { text: '원화', value: 'krw', align: 'center', sortable: false },
-        { text: '수수료', value: 'fee', align: 'center', sortable: false },
-        { text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
-        { text: '세금', value: 'tax', align: 'center', sortable: false },
-        { text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
-        { text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
+      // headers는 locale 변경 시 computed에서 생성
+    }
+  },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
       ]
     }
   },
@@ -227,10 +232,10 @@ export default {
           const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
           this.total_page = totalPage > 0 ? totalPage : 1
         } else {
-          this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data?.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Agent/Calculate/AgentCalculateContentDonation.vue b/src/views/Agent/Calculate/AgentCalculateContentDonation.vue
index 91c2078..3de489d 100644
--- a/src/views/Agent/Calculate/AgentCalculateContentDonation.vue
+++ b/src/views/Agent/Calculate/AgentCalculateContentDonation.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>크리에이터별 콘텐츠 후원 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('comp.sideMenu.calc.contentDonation') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -29,7 +29,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="시작일"
+                :label="$t('view.agent.calculate.common.startDate')"
                 readonly
                 dense
                 :value="start_date"
@@ -58,7 +58,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="종료일"
+                :label="$t('view.agent.calculate.common.endDate')"
                 readonly
                 dense
                 :value="end_date"
@@ -82,7 +82,7 @@
             :loading="is_loading"
             @click="fetchItems"
           >
-            조회
+            {{ $t('view.agent.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -99,38 +99,38 @@
           >
             <template slot="body.prepend">
               <tr>
-                <td>합계</td>
-                <td>{{ (total.count || 0).toLocaleString() }}</td>
-                <td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
-                <td>{{ (total.krw || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.fee || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.tax || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
+                <td>{{ $t('view.agent.calculate.common.total') }}</td>
+                <td>{{ $n(total.count || 0, 'decimal') }}</td>
+                <td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
+                <td>{{ $n(total.krw || 0, 'currency') }}</td>
+                <td>{{ $n(total.fee || 0, 'currency') }}</td>
+                <td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.tax || 0, 'currency') }}</td>
+                <td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ (item.totalCan || 0).toLocaleString() }} 캔
+              {{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
             </template>
             <template v-slot:item.krw="{ item }">
-              {{ (item.krw || 0).toLocaleString() }} 원
+              {{ $n(item.krw || 0, 'currency') }}
             </template>
             <template v-slot:item.fee="{ item }">
-              {{ (item.fee || 0).toLocaleString() }} 원
+              {{ $n(item.fee || 0, 'currency') }}
             </template>
             <template v-slot:item.settlementAmount="{ item }">
-              {{ (item.settlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.settlementAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.tax="{ item }">
-              {{ (item.tax || 0).toLocaleString() }} 원
+              {{ $n(item.tax || 0, 'currency') }}
             </template>
             <template v-slot:item.depositAmount="{ item }">
-              {{ (item.depositAmount || 0).toLocaleString() }} 원
+              {{ $n(item.depositAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.agentSettlementAmount="{ item }">
-              {{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.agentSettlementAmount || 0, 'currency') }}
             </template>
           </v-data-table>
         </v-col>
@@ -177,16 +177,21 @@ export default {
         depositAmount: 0,
         agentSettlementAmount: 0
       },
-      headers: [
-        { text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
-        { text: '건수', value: 'count', align: 'center', sortable: false },
-        { text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
-        { text: '원화', value: 'krw', align: 'center', sortable: false },
-        { text: '수수료', value: 'fee', align: 'center', sortable: false },
-        { text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
-        { text: '세금', value: 'tax', align: 'center', sortable: false },
-        { text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
-        { text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
+      // headers는 locale 변경 시 computed에서 생성
+    }
+  },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
       ]
     }
   },
@@ -227,10 +232,10 @@ export default {
           const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
           this.total_page = totalPage > 0 ? totalPage : 1
         } else {
-          this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data?.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Agent/Calculate/AgentCalculateLive.vue b/src/views/Agent/Calculate/AgentCalculateLive.vue
index 65c04e8..51b1892 100644
--- a/src/views/Agent/Calculate/AgentCalculateLive.vue
+++ b/src/views/Agent/Calculate/AgentCalculateLive.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>크리에이터별 라이브 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('comp.sideMenu.calc.live') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -29,7 +29,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="시작일"
+                :label="$t('view.agent.calculate.common.startDate')"
                 readonly
                 dense
                 :value="start_date"
@@ -58,7 +58,7 @@
             <template v-slot:activator="{ on, attrs }">
               <v-text-field
                 v-bind="attrs"
-                label="종료일"
+                :label="$t('view.agent.calculate.common.endDate')"
                 readonly
                 dense
                 :value="end_date"
@@ -82,7 +82,7 @@
             :loading="is_loading"
             @click="fetchItems"
           >
-            조회
+            {{ $t('view.agent.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -99,38 +99,38 @@
           >
             <template slot="body.prepend">
               <tr>
-                <td>합계</td>
-                <td>{{ (total.count || 0).toLocaleString() }}</td>
-                <td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
-                <td>{{ (total.krw || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.fee || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.tax || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
-                <td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
+                <td>{{ $t('view.agent.calculate.common.total') }}</td>
+                <td>{{ $n(total.count || 0, 'decimal') }}</td>
+                <td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
+                <td>{{ $n(total.krw || 0, 'currency') }}</td>
+                <td>{{ $n(total.fee || 0, 'currency') }}</td>
+                <td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.tax || 0, 'currency') }}</td>
+                <td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
+                <td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ (item.totalCan || 0).toLocaleString() }} 캔
+              {{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
             </template>
             <template v-slot:item.krw="{ item }">
-              {{ (item.krw || 0).toLocaleString() }} 원
+              {{ $n(item.krw || 0, 'currency') }}
             </template>
             <template v-slot:item.fee="{ item }">
-              {{ (item.fee || 0).toLocaleString() }} 원
+              {{ $n(item.fee || 0, 'currency') }}
             </template>
             <template v-slot:item.settlementAmount="{ item }">
-              {{ (item.settlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.settlementAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.tax="{ item }">
-              {{ (item.tax || 0).toLocaleString() }} 원
+              {{ $n(item.tax || 0, 'currency') }}
             </template>
             <template v-slot:item.depositAmount="{ item }">
-              {{ (item.depositAmount || 0).toLocaleString() }} 원
+              {{ $n(item.depositAmount || 0, 'currency') }}
             </template>
             <template v-slot:item.agentSettlementAmount="{ item }">
-              {{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
+              {{ $n(item.agentSettlementAmount || 0, 'currency') }}
             </template>
           </v-data-table>
         </v-col>
@@ -177,16 +177,21 @@ export default {
         depositAmount: 0,
         agentSettlementAmount: 0
       },
-      headers: [
-        { text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
-        { text: '건수', value: 'count', align: 'center', sortable: false },
-        { text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
-        { text: '원화', value: 'krw', align: 'center', sortable: false },
-        { text: '수수료', value: 'fee', align: 'center', sortable: false },
-        { text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
-        { text: '세금', value: 'tax', align: 'center', sortable: false },
-        { text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
-        { text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
+      // headers는 locale 변경 시 computed에서 생성
+    }
+  },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
+        { text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
       ]
     }
   },
@@ -227,10 +232,10 @@ export default {
           const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
           this.total_page = totalPage > 0 ? totalPage : 1
         } else {
-          this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data?.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Agent/Creators.vue b/src/views/Agent/Creators.vue
index 922a39b..1fe3e40 100644
--- a/src/views/Agent/Creators.vue
+++ b/src/views/Agent/Creators.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>소속 크리에이터 - {{ totalCount }}명</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.agent.creators.titleWithCount', { count: $n(totalCount, 'decimal') }) }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -68,11 +68,7 @@ export default {
   name: 'AgentCreators',
   data() {
     return {
-      headers: [
-        { text: '순번', value: 'no', align: 'center', sortable: false },
-        { text: '프로필', value: 'profileImageUrl', align: 'center', sortable: false },
-        { text: '닉네임', value: 'creatorNickname', align: 'center' }
-      ],
+      // headers는 locale 변경 시 동적으로 계산(computed headers)으로 대체
       items: [],
       totalCount: 0,
       page: 1,
@@ -81,6 +77,15 @@ export default {
       is_loading: false
     };
   },
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.agent.creators.headers.no'), value: 'no', align: 'center', sortable: false },
+        { text: this.$t('view.agent.creators.headers.profile'), value: 'profileImageUrl', align: 'center', sortable: false },
+        { text: this.$t('view.agent.creators.headers.nickname'), value: 'creatorNickname', align: 'center' }
+      ]
+    }
+  },
   watch: {
     itemsPerPage() {
       // 페이지 크기 변경 시 첫 페이지부터 다시 조회
@@ -122,7 +127,7 @@ export default {
         }
 
         if (!payload) {
-          this.notifyError(res?.data?.message || '목록을 불러오지 못했습니다. 다시 시도해 주세요.');
+          this.notifyError(res?.data?.message || this.$t('common.error.fetchFailed'));
           this.items = [];
           this.totalCount = 0;
           this.total_page = 1;
@@ -144,7 +149,7 @@ export default {
         // 최소한의 에러 로깅
         // eslint-disable-next-line no-console
         console.error('[AgentCreators] 목록 조회 실패', e);
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.');
+        this.notifyError(this.$t('common.error.unknown'));
       } finally {
         this.is_loading = false;
       }
diff --git a/src/views/Calculate/CalculateAccumulation.vue b/src/views/Calculate/CalculateAccumulation.vue
index 3c6b14a..ce9df61 100644
--- a/src/views/Calculate/CalculateAccumulation.vue
+++ b/src/views/Calculate/CalculateAccumulation.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>콘텐츠별 누적 현황</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.accumulation.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -20,31 +20,31 @@
             hide-default-footer
           >
             <template v-slot:item.orderPrice="{ item }">
-              {{ item.orderPrice.toLocaleString() }} 캔
+              {{ item.orderPrice.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ item.totalCan.toLocaleString() }} 캔
+              {{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalKrw="{ item }">
-              {{ item.totalKrw.toLocaleString() }} 원
+              {{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.paymentFee="{ item }">
-              {{ item.paymentFee.toLocaleString() }} 원
+              {{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.tax="{ item }">
-              {{ item.tax.toLocaleString() }} 원
+              {{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -76,81 +76,25 @@ export default {
       page_size: 20,
       total_page: 0,
       items: [],
-      headers: [
-        {
-          text: '크리에이터',
-          align: 'center',
-          sortable: false,
-          value: 'nickname',
-        },
-        {
-          text: '등록일',
-          align: 'center',
-          sortable: false,
-          value: 'registrationDate',
-        },
-        {
-          text: '제목',
-          sortable: false,
-          value: 'title',
-          align: 'center',
-          width: "300px"
-        },
-        {
-          text: '구분',
-          align: 'center',
-          sortable: false,
-          value: 'orderType',
-        },
-        {
-          text: '판매금액(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'orderPrice',
-        },
-        {
-          text: '누적 판매수',
-          align: 'center',
-          sortable: false,
-          value: 'numberOfPeople',
-        },
-        {
-          text: '합계(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'totalCan',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'totalKrw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'paymentFee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'tax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        },
-      ],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
+        { text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' },
+        { text: this.$t('view.calculate.common.headers.title'), align: 'center', sortable: false, value: 'title', width: '300px' },
+        { text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'orderType' },
+        { text: this.$t('view.calculate.accumulation.headers.orderPriceCan'), align: 'center', sortable: false, value: 'orderPrice' },
+        { text: this.$t('view.calculate.accumulation.headers.numberOfPeople'), align: 'center', sortable: false, value: 'numberOfPeople' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
+      ]
     }
   },
 
@@ -191,12 +135,12 @@ export default {
           else
             this.total_page = totalPage
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
         }
 
         this.is_loading = false
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.fetchFailed'))
         this.is_loading = false
       }
     }
diff --git a/src/views/Calculate/CalculateChannelDonation.vue b/src/views/Calculate/CalculateChannelDonation.vue
index fdd2359..246c511 100644
--- a/src/views/Calculate/CalculateChannelDonation.vue
+++ b/src/views/Calculate/CalculateChannelDonation.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>채널 후원 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.channelDonation.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
         </v-col>
 
         <v-col cols="1">
-          ~
+          {{ $t('view.calculate.common.rangeSeparator') }}
         </v-col>
 
         <v-col cols="2">
@@ -40,7 +40,7 @@
             depressed
             @click="getCalculateChannelDonation"
           >
-            조회
+            {{ $t('view.calculate.common.search') }}
           </v-btn>
         </v-col>
 
@@ -60,58 +60,58 @@
             <template slot="body.prepend">
               <tr v-if="total">
                 <td colspan="2">
-                  합계
+                  {{ $t('view.calculate.common.total') }}
                 </td>
                 <td class="text-center">
-                  {{ total.count.toLocaleString() }} 건
+                  {{ total.count.toLocaleString() }} {{ $t('common.unit.case') }}
                 </td>
                 <td class="text-center">
-                  {{ total.totalCan.toLocaleString() }} 캔
+                  {{ total.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
                 </td>
                 <td class="text-center">
-                  {{ total.krw.toLocaleString() }} 원
+                  {{ total.krw.toLocaleString() }} {{ $t('common.unit.krw') }}
                 </td>
                 <td class="text-center">
-                  {{ total.fee.toLocaleString() }} 원
+                  {{ total.fee.toLocaleString() }} {{ $t('common.unit.krw') }}
                 </td>
                 <td class="text-center">
-                  {{ total.settlementAmount.toLocaleString() }} 원
+                  {{ total.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
                 </td>
                 <td class="text-center">
-                  {{ total.withholdingTax.toLocaleString() }} 원
+                  {{ total.withholdingTax.toLocaleString() }} {{ $t('common.unit.krw') }}
                 </td>
                 <td class="text-center">
-                  {{ total.depositAmount.toLocaleString() }} 원
+                  {{ total.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
                 </td>
               </tr>
             </template>
 
             <template v-slot:item.count="{ item }">
-              {{ item.count.toLocaleString() }} 건
+              {{ item.count.toLocaleString() }} {{ $t('common.unit.case') }}
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ item.totalCan.toLocaleString() }} 캔
+              {{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.krw="{ item }">
-              {{ item.krw.toLocaleString() }} 원
+              {{ item.krw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.fee="{ item }">
-              {{ item.fee.toLocaleString() }} 원
+              {{ item.fee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.withholdingTax="{ item }">
-              {{ item.withholdingTax.toLocaleString() }} 원
+              {{ item.withholdingTax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -149,62 +149,22 @@ export default {
       total_page: 0,
       items: [],
       total: null,
-      headers: [
-        {
-          text: '날짜',
-          align: 'center',
-          sortable: false,
-          value: 'date',
-        },
-        {
-          text: '크리에이터',
-          align: 'center',
-          sortable: false,
-          value: 'creator',
-        },
-        {
-          text: '건수',
-          align: 'center',
-          sortable: false,
-          value: 'count',
-        },
-        {
-          text: '캔',
-          align: 'center',
-          sortable: false,
-          value: 'totalCan',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'krw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'fee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'withholdingTax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        },
-      ],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
+        { text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'creator' },
+        { text: this.$t('view.calculate.common.headers.count'), align: 'center', sortable: false, value: 'count' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'krw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'fee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'withholdingTax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
+      ]
     }
   },
 
@@ -262,10 +222,10 @@ export default {
           this.total = res.data.data.total
           this.total_page = Math.ceil(res.data.data.totalCount / this.page_size)
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.fetchFailed'))
       } finally {
         this.is_loading = false
       }
diff --git a/src/views/Calculate/CalculateCommunityPost.vue b/src/views/Calculate/CalculateCommunityPost.vue
index 105a7fc..dc78788 100644
--- a/src/views/Calculate/CalculateCommunityPost.vue
+++ b/src/views/Calculate/CalculateCommunityPost.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>커뮤니티 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.community.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
         </v-col>
 
         <v-col cols="1">
-          ~
+          {{ $t('view.calculate.common.rangeSeparator') }}
         </v-col>
 
         <v-col cols="2">
@@ -35,12 +35,12 @@
         <v-col cols="2">
           <v-btn
             block
-            color="#9970ff"
+            color="#3bb9f1"
             dark
             depressed
             @click="getCalculateCommunityPost"
           >
-            조회
+            {{ $t('view.calculate.common.search') }}
           </v-btn>
         </v-col>
         <v-spacer />
@@ -58,14 +58,14 @@
             <template slot="body.prepend">
               <tr>
                 <td colspan="4">
-                  합계
+                  {{ $t('view.calculate.common.total') }}
                 </td>
-                <td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
-                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
-                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
-                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
-                <td>{{ sumField('tax').toLocaleString() }} 원</td>
-                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('totalCan').toLocaleString() }} {{ $t('common.unit.can') }}</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
               </tr>
             </template>
 
@@ -74,27 +74,27 @@
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ item.totalCan.toLocaleString() }} 캔
+              {{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalKrw="{ item }">
-              {{ item.totalKrw.toLocaleString() }} 원
+              {{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.paymentFee="{ item }">
-              {{ item.paymentFee.toLocaleString() }} 원
+              {{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.tax="{ item }">
-              {{ item.tax.toLocaleString() }} 원
+              {{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -130,69 +130,23 @@ export default {
       page_size: 20,
       total_page: 0,
       items: [],
-      headers: [
-        {
-          text: '날짜',
-          align: 'center',
-          sortable: false,
-          value: 'date',
-        },
-        {
-          text: '내용(앞 10글자)',
-          sortable: false,
-          value: 'title',
-          align: 'center',
-          width: "300px"
-        },
-        {
-          text: '판매금액(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'can',
-        },
-        {
-          text: '구매유저수',
-          align: 'center',
-          sortable: false,
-          value: 'numberOfPurchase',
-        },
-        {
-          text: '합계(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'totalCan',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'totalKrw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'paymentFee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'tax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        }
-      ],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
+        { text: this.$t('view.calculate.community.headers.contentPreview'), align: 'center', sortable: false, value: 'title', width: '300px' },
+        { text: this.$t('view.calculate.community.headers.orderPriceCan'), align: 'center', sortable: false, value: 'can' },
+        { text: this.$t('view.calculate.community.headers.numberOfPurchase'), align: 'center', sortable: false, value: 'numberOfPurchase' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
+      ]
     }
   },
 
@@ -247,12 +201,12 @@ export default {
           else
             this.total_page = totalPage
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
         }
 
         this.is_loading = false
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.fetchFailed'))
         this.is_loading = false
       }
     }
diff --git a/src/views/Calculate/CalculateContent.vue b/src/views/Calculate/CalculateContent.vue
index a407030..3591e65 100644
--- a/src/views/Calculate/CalculateContent.vue
+++ b/src/views/Calculate/CalculateContent.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>콘텐츠 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.content.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
         </v-col>
 
         <v-col cols="1">
-          ~
+          {{ $t('view.calculate.common.rangeSeparator') }}
         </v-col>
 
         <v-col cols="2">
@@ -35,12 +35,12 @@
         <v-col cols="2">
           <v-btn
             block
-            color="#9970ff"
+            color="#3bb9f1"
             dark
             depressed
             @click="getCalculateContent"
           >
-            조회
+            {{ $t('view.calculate.common.search') }}
           </v-btn>
         </v-col>
 
@@ -60,21 +60,21 @@
             <template slot="body.prepend">
               <tr>
                 <td colspan="5">
-                  합계
+                  {{ $t('view.calculate.common.total') }}
                 </td>
-                <td>{{ sumField('numberOfPeople').toLocaleString() }}</td>
-                <td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
-                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
-                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
-                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
-                <td>{{ sumField('tax').toLocaleString() }} 원</td>
-                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('numberOfPeople').toLocaleString() }} {{ $t('common.unit.person') }}</td>
+                <td>{{ sumField('totalCan').toLocaleString() }} {{ $t('common.unit.can') }}</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
                 <td />
               </tr>
             </template>
 
             <template v-slot:item.orderPrice="{ item }">
-              {{ item.orderPrice.toLocaleString() }} 캔
+              {{ item.orderPrice.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.orderType="{ item }">
@@ -82,27 +82,27 @@
             </template>
 
             <template v-slot:item.totalCan="{ item }">
-              {{ item.totalCan.toLocaleString() }} 캔
+              {{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalKrw="{ item }">
-              {{ item.totalKrw.toLocaleString() }} 원
+              {{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.paymentFee="{ item }">
-              {{ item.paymentFee.toLocaleString() }} 원
+              {{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.tax="{ item }">
-              {{ item.tax.toLocaleString() }} 원
+              {{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -138,87 +138,26 @@ export default {
       page_size: 20,
       total_page: 0,
       items: [],
-      headers: [
-        {
-          text: '판매일',
-          align: 'center',
-          sortable: false,
-          value: 'saleDate',
-        },
-        {
-          text: '크리에이터',
-          align: 'center',
-          sortable: false,
-          value: 'nickname',
-        },
-        {
-          text: '제목',
-          sortable: false,
-          value: 'title',
-          align: 'center',
-          width: "300px"
-        },
-        {
-          text: '구분',
-          align: 'center',
-          sortable: false,
-          value: 'orderType',
-        },
-        {
-          text: '판매금액(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'orderPrice',
-        },
-        {
-          text: '판매수',
-          align: 'center',
-          sortable: false,
-          value: 'numberOfPeople',
-        },
-        {
-          text: '합계(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'totalCan',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'totalKrw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'paymentFee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'tax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        },
-        {
-          text: '등록일',
-          align: 'center',
-          sortable: false,
-          value: 'registrationDate',
-        },
-      ],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.content.headers.saleDate'), align: 'center', sortable: false, value: 'saleDate' },
+        { text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
+        { text: this.$t('view.calculate.common.headers.title'), sortable: false, value: 'title', align: 'center', width: '300px' },
+        { text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'orderType' },
+        { text: this.$t('view.calculate.content.headers.orderPriceCan'), align: 'center', sortable: false, value: 'orderPrice' },
+        { text: this.$t('view.calculate.content.headers.salesCount'), align: 'center', sortable: false, value: 'numberOfPeople' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
+        { text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' }
+      ]
     }
   },
 
@@ -277,12 +216,12 @@ export default {
           else
             this.total_page = totalPage
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
 
         this.is_loading = false
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
         this.is_loading = false
       }
     }
diff --git a/src/views/Calculate/CalculateContentDonation.vue b/src/views/Calculate/CalculateContentDonation.vue
index dfc57a0..3a2a395 100644
--- a/src/views/Calculate/CalculateContentDonation.vue
+++ b/src/views/Calculate/CalculateContentDonation.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>콘텐츠 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.contentDonation.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
         </v-col>
 
         <v-col cols="1">
-          ~
+          {{ $t('view.calculate.common.rangeSeparator') }}
         </v-col>
 
         <v-col cols="2">
@@ -35,12 +35,12 @@
         <v-col cols="2">
           <v-btn
             block
-            color="#9970ff"
+            color="#3bb9f1"
             dark
             depressed
             @click="getCalculateContentDonation"
           >
-            조회
+            {{ $t('view.calculate.common.search') }}
           </v-btn>
         </v-col>
 
@@ -58,27 +58,27 @@
             hide-default-footer
           >
             <template v-slot:item.totalCan="{ item }">
-              {{ item.totalCan.toLocaleString() }} 캔
+              {{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalKrw="{ item }">
-              {{ item.totalKrw.toLocaleString() }} 원
+              {{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.paymentFee="{ item }">
-              {{ item.paymentFee.toLocaleString() }} 원
+              {{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.tax="{ item }">
-              {{ item.tax.toLocaleString() }} 원
+              {{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -114,81 +114,25 @@ export default {
       page_size: 20,
       total_page: 0,
       items: [],
-      headers: [
-        {
-          text: '후원날짜',
-          align: 'center',
-          sortable: false,
-          value: 'donationDate',
-        },
-        {
-          text: '크리에이터',
-          align: 'center',
-          sortable: false,
-          value: 'nickname',
-        },
-        {
-          text: '콘텐츠 제목',
-          sortable: false,
-          value: 'title',
-          align: 'center',
-          width: "300px"
-        },
-        {
-          text: '구분',
-          sortable: false,
-          value: 'paidOrFree',
-          align: 'center'
-        },
-        {
-          text: '후원수',
-          align: 'center',
-          sortable: false,
-          value: 'numberOfDonation',
-        },
-        {
-          text: '합계(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'totalCan',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'totalKrw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'paymentFee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'tax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        },
-        {
-          text: '콘텐츠 등록일',
-          align: 'center',
-          sortable: false,
-          value: 'registrationDate',
-        },
-      ],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'donationDate' },
+        { text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
+        { text: this.$t('view.calculate.common.headers.title'), align: 'center', sortable: false, value: 'title', width: '300px' },
+        { text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'paidOrFree' },
+        { text: this.$t('view.calculate.contentDonation.headers.numberOfDonation'), align: 'center', sortable: false, value: 'numberOfDonation' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
+        { text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' },
+      ]
     }
   },
 
@@ -247,12 +191,12 @@ export default {
           else
             this.total_page = totalPage
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
         }
 
         this.is_loading = false
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.fetchFailed'))
         this.is_loading = false
       }
     }
diff --git a/src/views/Calculate/CalculateLive.vue b/src/views/Calculate/CalculateLive.vue
index 5f179d0..64de30a 100644
--- a/src/views/Calculate/CalculateLive.vue
+++ b/src/views/Calculate/CalculateLive.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>라이브 정산</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.calculate.live.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
         </v-col>
 
         <v-col cols="1">
-          ~
+          {{ $t('view.calculate.common.rangeSeparator') }}
         </v-col>
 
         <v-col cols="2">
@@ -35,12 +35,12 @@
         <v-col cols="2">
           <v-btn
             block
-            color="#9970ff"
+            color="#3bb9f1"
             dark
             depressed
             @click="getCalculateLive"
           >
-            조회
+            {{ $t('view.calculate.common.search') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -58,20 +58,20 @@
             <template slot="body.prepend">
               <tr>
                 <td colspan="5">
-                  합계
+                  {{ $t('view.calculate.common.total') }}
                 </td>
-                <td>{{ sumField('numberOfPeople').toLocaleString() }} 명</td>
-                <td>{{ sumField('totalAmount').toLocaleString() }} 캔</td>
-                <td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
-                <td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
-                <td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
-                <td>{{ sumField('tax').toLocaleString() }} 원</td>
-                <td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
+                <td>{{ sumField('numberOfPeople').toLocaleString() }} {{ $t('common.unit.person') }}</td>
+                <td>{{ sumField('totalAmount').toLocaleString() }} {{ $t('common.unit.can') }}</td>
+                <td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
+                <td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
               </tr>
             </template>
 
             <template v-slot:item.entranceFee="{ item }">
-              {{ item.entranceFee.toLocaleString() }} 캔
+              {{ item.entranceFee.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.canUsageStr="{ item }">
@@ -79,27 +79,27 @@
             </template>
 
             <template v-slot:item.totalAmount="{ item }">
-              {{ item.totalAmount.toLocaleString() }} 캔
+              {{ item.totalAmount.toLocaleString() }} {{ $t('common.unit.can') }}
             </template>
 
             <template v-slot:item.totalKrw="{ item }">
-              {{ item.totalKrw.toLocaleString() }} 원
+              {{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.paymentFee="{ item }">
-              {{ item.paymentFee.toLocaleString() }} 원
+              {{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.settlementAmount="{ item }">
-              {{ item.settlementAmount.toLocaleString() }} 원
+              {{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.tax="{ item }">
-              {{ item.tax.toLocaleString() }} 원
+              {{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
 
             <template v-slot:item.depositAmount="{ item }">
-              {{ item.depositAmount.toLocaleString() }} 원
+              {{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
             </template>
           </v-data-table>
         </v-col>
@@ -122,129 +122,27 @@ export default {
       start_date: null,
       end_date: null,
       items: [],
-      columns: [
-        {
-          label: "크리에이터",
-          field: "nickname",
-        },
-        {
-          label: "날짜",
-          field: "date",
-        },
-        {
-          label: "제목",
-          field: "title",
-        },
-        {
-          label: "구분",
-          field: "canUsageStr",
-        },
-        {
-          label: "입장캔",
-          field: "entranceFee",
-        },
-        {
-          label: "유료방참여인원",
-          field: "numberOfPeople",
-        },
-        {
-          label: "합계(캔)",
-          field: "totalAmount",
-        },
-        {
-          label: "원화",
-          field: "totalKrw",
-        },
-        {
-          label: "결제수수료(6.6%)",
-          field: "paymentFee",
-        },
-        {
-          label: "정산금액",
-          field: "settlementAmount",
-        },
-        {
-          label: "원천세(3.3%)",
-          field: "tax",
-        },
-        {
-          label: "입금액",
-          field: "depositAmount",
-        },
-      ],
-      headers: [
-        {
-          text: '크리에이터',
-          align: 'center',
-          sortable: false,
-          value: 'nickname',
-        },
-        {
-          text: '날짜',
-          align: 'center',
-          sortable: false,
-          value: 'date',
-        },
-        {
-          text: '제목',
-          sortable: false,
-          value: 'title',
-        },
-        {
-          text: '구분',
-          align: 'center',
-          sortable: false,
-          value: 'canUsageStr',
-        },
-        {
-          text: '입장캔',
-          align: 'center',
-          sortable: false,
-          value: 'entranceFee',
-        },
-        {
-          text: '유료방참여인원',
-          align: 'center',
-          sortable: false,
-          value: 'numberOfPeople',
-        },
-        {
-          text: '합계(캔)',
-          align: 'center',
-          sortable: false,
-          value: 'totalAmount',
-        },
-        {
-          text: '원화',
-          align: 'center',
-          sortable: false,
-          value: 'totalKrw',
-        },
-        {
-          text: '수수료\n(6.6%)',
-          align: 'center',
-          sortable: false,
-          value: 'paymentFee',
-        },
-        {
-          text: '정산금액',
-          align: 'center',
-          sortable: false,
-          value: 'settlementAmount',
-        },
-        {
-          text: '원천세\n(3.3%)',
-          align: 'center',
-          sortable: false,
-          value: 'tax',
-        },
-        {
-          text: '입금액',
-          align: 'center',
-          sortable: false,
-          value: 'depositAmount',
-        }
-      ],
+      // columns(미사용) 정의는 남기되, 헤더는 i18n 반응형 computed로 전환
+      columns: [],
+    }
+  },
+
+  computed: {
+    headers() {
+      return [
+        { text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
+        { text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
+        { text: this.$t('view.calculate.common.headers.title'), sortable: false, value: 'title' },
+        { text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'canUsageStr' },
+        { text: this.$t('view.calculate.live.headers.entranceCan'), align: 'center', sortable: false, value: 'entranceFee' },
+        { text: this.$t('view.calculate.live.headers.paidParticipants'), align: 'center', sortable: false, value: 'numberOfPeople' },
+        { text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalAmount' },
+        { text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
+        { text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
+        { text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
+        { text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
+        { text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' }
+      ]
     }
   },
 
@@ -291,12 +189,12 @@ export default {
         if (res.status === 200 && res.data.success === true) {
           this.items = res.data.data
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
 
         this.is_loading = false
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
         this.is_loading = false
       }
     }
diff --git a/src/views/Content/ContentCategoryList.vue b/src/views/Content/ContentCategoryList.vue
index 5431067..59a1d29 100644
--- a/src/views/Content/ContentCategoryList.vue
+++ b/src/views/Content/ContentCategoryList.vue
@@ -10,7 +10,7 @@
             depressed
             @click="showCreateCategoryDialog"
           >
-            카테고리 추가
+            {{ $t('view.content.category.actions.addCategory') }}
           </v-btn>
           <br><br>
           <draggable
@@ -47,32 +47,32 @@
                 depressed
                 @click="showAddContent"
               >
-                콘텐츠 추가
+                {{ $t('view.content.category.actions.addContent') }}
               </v-btn>
             </v-col>
           </v-row>
           <br><br>
           <p v-if="selected_category !== null && selected_category !== undefined">
-            선택된 카테고리 : {{ selected_category.category }}
+            {{ $t('view.content.category.selectedCategory') }} : {{ selected_category.category }}
           </p>
           <p v-else>
-            카테고리를 선택해 주세요
+            {{ $t('view.content.category.pleaseSelect') }}
           </p>
           <v-simple-table>
             <template>
               <thead>
                 <tr>
                   <th class="text-center">
-                    썸네일
+                    {{ $t('view.content.common.headers.thumbnail') }}
                   </th>
                   <th class="text-center">
-                    제목
+                    {{ $t('view.content.common.headers.title') }}
                   </th>
                   <th class="text-center">
-                    19금
+                    {{ $t('view.content.common.headers.adult') }}
                   </th>
                   <th class="text-center">
-                    관리
+                    {{ $t('view.content.common.headers.actions') }}
                   </th>
                 </tr>
               </thead>
@@ -105,7 +105,7 @@
                       color="#3bb9f1"
                       @click="removeContentInCategory(content)"
                     >
-                      삭제
+                      {{ $t('view.content.common.actions.delete') }}
                     </v-btn>
                   </td>
                 </tr>
diff --git a/src/views/Content/ContentList.vue b/src/views/Content/ContentList.vue
index cd17378..417399d 100644
--- a/src/views/Content/ContentList.vue
+++ b/src/views/Content/ContentList.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>콘텐츠 리스트</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.content.list.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -19,7 +19,7 @@
             depressed
             @click="showWriteDialog"
           >
-            콘텐츠 등록
+            {{ $t('view.content.list.actions.create') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -30,46 +30,46 @@
               <thead>
                 <tr>
                   <th class="text-center">
-                    썸네일
+                    {{ $t('view.content.common.headers.thumbnail') }}
                   </th>
                   <th class="text-center">
-                    제목
+                    {{ $t('view.content.common.headers.title') }}
                   </th>
                   <th class="text-center">
-                    내용
+                    {{ $t('view.content.common.headers.detail') }}
                   </th>
                   <th class="text-center">
-                    크리에이터
+                    {{ $t('view.content.common.headers.creator') }}
                   </th>
                   <th class="text-center">
-                    테마
+                    {{ $t('view.content.common.headers.theme') }}
                   </th>
                   <th class="text-center">
-                    태그
+                    {{ $t('view.content.common.headers.tags') }}
                   </th>
                   <th class="text-center">
-                    가격
+                    {{ $t('view.content.common.headers.price') }}
                   </th>
                   <th class="text-center">
-                    한정판
+                    {{ $t('view.content.common.headers.limited') }}
                   </th>
                   <th class="text-center">
-                    19금
+                    {{ $t('view.content.common.headers.adult') }}
                   </th>
                   <th class="text-center">
-                    시간
+                    {{ $t('view.content.common.headers.time') }}
                   </th>
                   <th class="text-center">
-                    듣기
+                    {{ $t('view.content.common.headers.listen') }}
                   </th>
                   <th class="text-center">
-                    등록일
+                    {{ $t('view.content.common.headers.registrationDate') }}
                   </th>
                   <th class="text-center">
-                    오픈 예정일
+                    {{ $t('view.content.common.headers.scheduledOpenDate') }}
                   </th>
                   <th class="text-center">
-                    관리
+                    {{ $t('view.content.common.headers.actions') }}
                   </th>
                 </tr>
               </thead>
@@ -95,10 +95,10 @@
                     {{ item.tags }}
                   </td>
                   <td v-if="item.price > 0">
-                    {{ item.price }} 캔
+                    {{ item.price }} {{ $t('common.unit.can') }}
                   </td>
                   <td v-else>
-                    무료
+                    {{ $t('view.content.common.free') }}
                   </td>
                   <td
                     v-if="item.totalContentCount > 0 && item.remainingContentCount > 0"
diff --git a/src/views/Content/ContentSeriesDetail.vue b/src/views/Content/ContentSeriesDetail.vue
index 8472935..08e3655 100644
--- a/src/views/Content/ContentSeriesDetail.vue
+++ b/src/views/Content/ContentSeriesDetail.vue
@@ -9,35 +9,35 @@
               class="cover-image"
             />
             <v-card-text>
-              제목 : {{ series_detail.title }}
+              {{ $t('view.content.seriesDetail.fields.title') }} : {{ series_detail.title }}
             </v-card-text>
             <v-card-text>
-              소개 :
+              {{ $t('view.content.seriesDetail.fields.introduction') }} :
               <vue-show-more-text
                 :text="series_detail.introduction"
                 :lines="2"
               />
             </v-card-text>
             <v-card-text>
-              연재요일 : {{ series_detail.publishedDaysOfWeek }}
+              {{ $t('view.content.seriesDetail.fields.publishedDaysOfWeek') }} : {{ series_detail.publishedDaysOfWeek }}
             </v-card-text>
             <v-card-text>
-              장르 : {{ series_detail.genre }}
+              {{ $t('view.content.seriesDetail.fields.genre') }} : {{ series_detail.genre }}
             </v-card-text>
             <v-card-text>
-              키워드 : {{ series_detail.keywords }}
+              {{ $t('view.content.seriesDetail.fields.keywords') }} : {{ series_detail.keywords }}
             </v-card-text>
             <v-card-text>
-              연령제한 : <span v-if="series_detail.isAdult">19세이상</span><span v-else>전체이용가</span>
+              {{ $t('view.content.seriesDetail.fields.adult') }} : <span v-if="series_detail.isAdult">{{ $t('view.content.seriesDetail.adult.only') }}</span><span v-else>{{ $t('view.content.seriesDetail.adult.all') }}</span>
             </v-card-text>
             <v-card-text>
-              완결여부 : {{ series_detail.state }}
+              {{ $t('view.content.seriesDetail.fields.completed') }} : {{ series_detail.state }}
             </v-card-text>
             <v-card-text v-show="series_detail.writer !== undefined && series_detail.writer !== null">
-              작가 : {{ series_detail.writer }}
+              {{ $t('view.content.seriesDetail.fields.writer') }} : {{ series_detail.writer }}
             </v-card-text>
             <v-card-text v-show="series_detail.studio !== undefined && series_detail.studio !== null">
-              제작사 : {{ series_detail.studio }}
+              {{ $t('view.content.seriesDetail.fields.studio') }} : {{ series_detail.studio }}
             </v-card-text>
           </v-card>
         </v-col>
@@ -52,7 +52,7 @@
                 depressed
                 @click="showAddContent"
               >
-                콘텐츠 추가
+                {{ $t('view.content.seriesDetail.actions.addContent') }}
               </v-btn>
             </v-col>
           </v-row>
@@ -63,16 +63,16 @@
                   <thead>
                     <tr>
                       <th class="text-center">
-                        썸네일
+                        {{ $t('view.content.common.headers.thumbnail') }}
                       </th>
                       <th class="text-center">
-                        제목
+                        {{ $t('view.content.common.headers.title') }}
                       </th>
                       <th class="text-center">
-                        19금
+                        {{ $t('view.content.common.headers.adult') }}
                       </th>
                       <th class="text-center">
-                        관리
+                        {{ $t('view.content.common.headers.actions') }}
                       </th>
                     </tr>
                   </thead>
@@ -104,7 +104,7 @@
                           color="#3bb9f1"
                           @click="deleteConfirm(content)"
                         >
-                          삭제
+                          {{ $t('view.content.common.actions.delete') }}
                         </v-btn>
                       </td>
                     </tr>
diff --git a/src/views/Content/ContentSeriesList.vue b/src/views/Content/ContentSeriesList.vue
index b08761e..9a75628 100644
--- a/src/views/Content/ContentSeriesList.vue
+++ b/src/views/Content/ContentSeriesList.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>시리즈 관리</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.content.series.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
 
@@ -18,7 +18,7 @@
             depressed
             @click="showWriteDialog"
           >
-            시리즈 등록
+            {{ $t('view.content.series.actions.create') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -56,13 +56,13 @@
                   text
                   @click="showModifyDialog(item)"
                 >
-                  수정
+                  {{ $t('view.content.series.actions.edit') }}
                 </v-btn>
                 <v-btn
                   text
                   @click="deleteConfirm(item)"
                 >
-                  삭제
+                  {{ $t('view.content.common.actions.delete') }}
                 </v-btn>
                 <v-spacer />
               </v-card-actions>
@@ -79,12 +79,12 @@
     >
       <v-card>
         <v-card-title>
-          시리즈 등록
+          {{ $t('view.content.series.dialog.createTitle') }}
         </v-card-title>
 
         <div class="image-select">
           <label for="image">
-            커버 이미지 등록
+            {{ $t('view.content.series.fields.coverImage') }}
           </label>
           <v-file-input
             id="image"
@@ -102,12 +102,12 @@
         <v-card-text>
           <v-row align="center">
             <v-col cols="4">
-              제목*
+              {{ $t('view.content.series.fields.title') }}*
             </v-col>
             <v-col cols="8">
               <v-text-field
                 v-model="series.title"
-                label="제목"
+                :label="$t('view.content.series.fields.title')"
                 required
               />
             </v-col>
@@ -116,12 +116,12 @@
         <v-card-text>
           <v-row align="center">
             <v-col cols="4">
-              소개*
+              {{ $t('view.content.series.fields.introduction') }}*
             </v-col>
             <v-col cols="8">
               <v-textarea
                 v-model="series.introduction"
-                label="소개"
+                :label="$t('view.content.series.fields.introduction')"
                 required
               />
             </v-col>
@@ -130,7 +130,7 @@
         <v-card-text>
           <v-row>
             <v-col cols="4">
-              연재요일*
+              {{ $t('view.content.series.fields.publishedDaysOfWeek') }}*
             </v-col>
             <v-col
               cols="8"
@@ -159,14 +159,14 @@
                 value="RANDOM"
                 @change="handleCheckboxChange('RANDOM', $event)"
               >
-              <label for="checkbox_random"> 랜덤</label>
+              <label for="checkbox_random"> {{ $t('view.content.series.fields.random') }}</label>
             </v-col>
           </v-row>
         </v-card-text>
         <v-card-text>
           <v-row align="center">
             <v-col cols="4">
-              장르
+              {{ $t('view.content.series.fields.genre') }}
             </v-col>
             <v-col cols="8">
               <v-select
@@ -174,7 +174,7 @@
                 :items="series_genre_list"
                 item-text="name"
                 item-value="value"
-                label="장르 선택"
+                :label="$t('view.content.series.fields.selectGenre')"
               />
             </v-col>
           </v-row>
@@ -560,32 +560,32 @@ export default {
 
     validate() {
       if (this.series.cover_image === undefined || this.series.cover_image === null) {
-        this.notifyError('커버 이미지를 선택하세요')
+        this.notifyError(this.$t('view.content.series.validation.coverImageRequired'))
         return
       }
 
       if (this.series.title === undefined || this.series.title === null || this.series.title.trim().length <= 0) {
-        this.notifyError('시리즈 제목을 입력하세요')
+        this.notifyError(this.$t('view.content.series.validation.titleRequired'))
         return
       }
 
       if (this.series.introduction === undefined || this.series.introduction === null || this.series.introduction.trim().length <= 0) {
-        this.notifyError('시리즈 소개를 입력하세요')
+        this.notifyError(this.$t('view.content.series.validation.introRequired'))
         return
       }
 
       if (this.series.published_days_of_week === undefined || this.series.published_days_of_week === null || this.series.published_days_of_week.length <= 0) {
-        this.notifyError('시리즈 연재요일을 선택하세요')
+        this.notifyError(this.$t('view.content.series.validation.daysRequired'))
         return
       }
 
       if (this.series.keyword === undefined || this.series.keyword === null || this.series.keyword.replaceAll('#', '').trim().length <= 0) {
-        this.notifyError('시리즈를 설명할 수 있는 키워드를 입력하세요')
+        this.notifyError(this.$t('view.content.series.validation.keywordsRequired'))
         return
       }
 
       if (this.series.genre_id === undefined || this.series.genre_id === null || this.series.genre_id <= 0) {
-        this.notifyError('올바른 장르를 선택하세요')
+        this.notifyError(this.$t('view.content.series.validation.genreRequired'))
         return
       }
 
@@ -615,10 +615,10 @@ export default {
             return {name: item.genre, value: item.id}
           })
         } else {
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
       }
     },
 
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index b8b1bce..1a27072 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -17,14 +17,14 @@
                 <v-form>
                   <v-text-field
                     v-model="email"
-                    label="Email"
+                    :label="$t('view.login.email')"
                     type="text"
                   />
                   <v-text-field
                     v-model="password"
                     :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
                     :type="showPassword ? 'text' : 'password'"
-                    label="Password"
+                    :label="$t('view.login.password')"
                     @click:append="showPassword = !showPassword"
                     @keyup.enter="loginSubmit"
                   />
@@ -36,7 +36,7 @@
                   color="primary"
                   @click="loginSubmit"
                 >
-                  로그인
+                  {{ $t('view.login.login') }}
                 </v-btn>
               </v-card-actions>
               <v-divider />
@@ -60,7 +60,7 @@
                     <v-icon left>
                       mdi-apple
                     </v-icon>
-                    Apple로 로그인
+                    {{ $t('view.login.loginWithApple') }}
                   </v-btn>
                   <v-btn
                     width="192"
@@ -72,7 +72,7 @@
                   >
                     <img
                       src="@/assets/kakao_login.png"
-                      alt="카카오 로그인 버튼"
+                      :alt="$t('alt.kakaoLoginButton')"
                       style="width: 100%; height: 100%; display: block;"
                     >
                   </v-btn>
@@ -98,9 +98,17 @@ export default {
   }),
 
   mounted() {
-    this.initGoogleLogin();
+    // Google 버튼은 로케일별로 SDK를 동적 로드하여 렌더링
+    this.mountGoogleButtonForLocale(this.$i18n && this.$i18n.locale ? this.$i18n.locale : 'en');
     this.initKakaoLogin();
     this.initAppleLogin();
+
+    // 언어 전환 시 Google 버튼도 재로드/재렌더
+    if (this.$watch && this.$i18n) {
+      this.$watch(() => this.$i18n.locale, (val) => {
+        this.mountGoogleButtonForLocale(val || 'en');
+      });
+    }
   },
 
   methods: {
@@ -206,7 +214,7 @@ export default {
     loginApple() {
       if (typeof AppleID === 'undefined' || !AppleID.auth) {
         this.initAppleLogin();
-        this.notifyError('애플 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.');
+        this.notifyError(this.$t('notice.loading.appleSdk'));
         return;
       }
       (async () => {
@@ -252,7 +260,7 @@ export default {
           const idToken = res && res.authorization && res.authorization.id_token;
 
           if (!idToken) {
-            this.notifyError('애플 로그인 응답이 올바르지 않습니다.');
+            this.notifyError(this.$t('common.error.apple.invalidResponse'));
             return;
           }
 
@@ -267,7 +275,7 @@ export default {
               this.notifyError(message);
             })
         } catch (err) {
-          this.notifyError('애플 로그인에 실패했습니다.');
+          this.notifyError(this.$t('common.error.apple.failed'));
           console.error(err);
         }
       })();
@@ -289,7 +297,7 @@ export default {
       if (typeof Kakao !== 'undefined') {
         if (!Kakao.isInitialized()) {
           this.initKakaoLogin();
-          this.notifyError('카카오 SDK가 초기화되지 않았습니다. 잠시 후 다시 시도해주세요.');
+          this.notifyError(this.$t('common.error.kakao.notInitialized'));
           return;
         }
 
@@ -305,34 +313,73 @@ export default {
                 })
             },
             fail: (err) => {
-              this.notifyError('카카오 로그인에 실패했습니다.');
+              this.notifyError(this.$t('common.error.kakao.failed'));
               console.error(err);
             },
           });
         } else {
-          this.notifyError('카카오 인증 모듈을 불러오지 못했습니다. 페이지를 새로고침 해주세요.');
+          this.notifyError(this.$t('common.error.kakao.moduleLoad'));
         }
       } else {
         this.initKakaoLogin();
-        this.notifyError('카카오 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.');
+        this.notifyError(this.$t('notice.loading.kakaoSdk'));
       }
     },
 
-    initGoogleLogin() {
+    // Google Identity Services SDK 동적 로더
+    loadGisScript(locale) {
+      return new Promise((resolve, reject) => {
+        try {
+          const prev = document.getElementById('gis-sdk');
+          if (prev && prev.parentNode) prev.parentNode.removeChild(prev);
+
+          // 가능한 범위 내 초기화/정리
+          if (window.google && window.google.accounts && window.google.accounts.id) {
+            try { window.google.accounts.id.cancel(); } catch (e) { /* noop */ }
+          }
+          try { delete window.google; } catch (e) { window.google = undefined; }
+
+          const script = document.createElement('script');
+          script.id = 'gis-sdk';
+          // 캐시 무효화를 위해 ts 파라미터 부여(언어 전환 즉시 반영 보조)
+          const ts = Date.now();
+          script.src = `https://accounts.google.com/gsi/client?hl=${encodeURIComponent(locale)}&v=${ts}`;
+          script.async = true;
+          script.defer = true;
+          script.onload = () => resolve();
+          script.onerror = (e) => reject(e);
+          document.head.appendChild(script);
+        } catch (e) {
+          reject(e);
+        }
+      });
+    },
+
+    // Google 버튼 렌더링
+    renderGoogleButton() {
       /* global google */
-      if (typeof google !== 'undefined') {
-        google.accounts.id.initialize({
-          client_id: process.env.VUE_APP_GOOGLE_CLIENT_ID,
-          callback: this.handleCredentialResponse
-        });
-        google.accounts.id.renderButton(
-          document.getElementById("google-login-btn"),
-          { theme: "outline", size: "large", width: 192 }
-        );
-      } else {
-        setTimeout(() => {
-          this.initGoogleLogin();
-        }, 500);
+      if (!(window.google && window.google.accounts && window.google.accounts.id)) return;
+
+      window.google.accounts.id.initialize({
+        client_id: process.env.VUE_APP_GOOGLE_CLIENT_ID,
+        callback: this.handleCredentialResponse
+      });
+
+      const el = document.getElementById('google-login-btn');
+      if (el) {
+        el.innerHTML = '';
+        window.google.accounts.id.renderButton(el, { theme: 'outline', size: 'large', width: 192 });
+      }
+    },
+
+    // 로케일에 맞춰 SDK 로드 후 버튼 렌더
+    async mountGoogleButtonForLocale(locale) {
+      try {
+        await this.loadGisScript(locale || 'en');
+        this.renderGoogleButton();
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error('[Google Identity Services] load/render failed:', e);
       }
     },
 
@@ -365,7 +412,7 @@ export default {
             this.notifyError(message);
           })
       } catch (e) {
-        this.notifyError('로그인 정보를 확인해주세요.');
+        this.notifyError(this.$t('common.error.login.checkInfo'));
       }
     },
   }
diff --git a/src/views/Signature/SignatureManagement.vue b/src/views/Signature/SignatureManagement.vue
index ffbf185..37eb0c3 100644
--- a/src/views/Signature/SignatureManagement.vue
+++ b/src/views/Signature/SignatureManagement.vue
@@ -2,7 +2,7 @@
   <div>
     <v-toolbar dark>
       <v-spacer />
-      <v-toolbar-title>시그니처 관리</v-toolbar-title>
+      <v-toolbar-title>{{ $t('view.signature.title') }}</v-toolbar-title>
       <v-spacer />
     </v-toolbar>
     <v-container>
@@ -16,7 +16,7 @@
             depressed
             @click="showWriteDialog"
           >
-            시그니처 등록
+            {{ $t('view.signature.actions.create') }}
           </v-btn>
         </v-col>
       </v-row>
@@ -34,7 +34,7 @@
             for="sort-newest"
             class="radio-label-sort"
           >
-            최신순
+            {{ $t('view.signature.sort.newest') }}
           </label>
         </v-col>
         <v-col>
@@ -50,7 +50,7 @@
             for="sort-can-high"
             class="radio-label-sort"
           >
-            높은캔순
+            {{ $t('view.signature.sort.canHigh') }}
           </label>
         </v-col>
         <v-col>
@@ -66,7 +66,7 @@
             for="sort-can-low"
             class="radio-label-sort"
           >
-            낮은캔순
+            {{ $t('view.signature.sort.canLow') }}
           </label>
         </v-col>
         <v-col cols="10" />
@@ -112,7 +112,7 @@
                     :disabled="is_loading"
                     @click="showModifyDialog(item)"
                   >
-                    수정
+                    {{ $t('view.signature.actions.edit') }}
                   </v-btn>
                 </v-col>
                 <v-col>
@@ -120,7 +120,7 @@
                     :disabled="is_loading"
                     @click="showDeleteConfirm(item)"
                   >
-                    삭제
+                    {{ $t('view.signature.actions.delete') }}
                   </v-btn>
                 </v-col>
                 <v-col />
@@ -148,17 +148,17 @@
       >
         <v-card>
           <v-card-title>
-            시그니처 캔 등록
+            {{ $t('view.signature.dialog.createTitle') }}
           </v-card-title>
           <v-card-text>
             <v-row align="center">
               <v-col cols="4">
-                캔
+                {{ $t('view.signature.fields.can') }}
               </v-col>
               <v-col cols="8">
                 <v-text-field
                   v-model="can"
-                  label="캔"
+                  :label="$t('view.signature.fields.can')"
                 />
               </v-col>
             </v-row>
@@ -167,7 +167,7 @@
           <v-card-text>
             <v-row>
               <v-col cols="4">
-                19금
+                {{ $t('view.signature.fields.adult') }}
               </v-col>
               <v-col cols="8">
                 <input
@@ -181,12 +181,12 @@
           <v-card-text>
             <v-row align="center">
               <v-col cols="4">
-                이미지
+                {{ $t('view.signature.fields.image') }}
               </v-col>
               <v-col cols="8">
                 <div class="image-select">
                   <label for="image">
-                    이미지 불러오기
+                    {{ $t('view.signature.actions.loadImage') }}
                   </label>
                   <v-file-input
                     id="image"
@@ -208,12 +208,12 @@
           <v-card-text>
             <v-row align="center">
               <v-col cols="4">
-                시간(초)
+                {{ $t('view.signature.fields.timeSec') }}
               </v-col>
               <v-col cols="8">
                 <v-text-field
                   v-model="time"
-                  label="시간(초)"
+                  :label="$t('view.signature.fields.timeSec')"
                 />
               </v-col>
             </v-row>
@@ -325,14 +325,14 @@
               text
               @click="cancel"
             >
-              취소
+              {{ $t('common.actions.cancel') }}
             </v-btn>
             <v-btn
               color="blue darken-1"
               text
               @click="modifySignatureCan"
             >
-              수정
+              {{ $t('view.signature.actions.edit') }}
             </v-btn>
           </v-card-actions>
         </v-card>
@@ -347,7 +347,7 @@
         <v-card>
           <v-card-text />
           <v-card-text>
-            삭제하시겠습니까?
+            {{ $t('common.confirm.delete') }}
           </v-card-text>
           <v-card-actions v-show="!is_loading">
             <v-spacer />
@@ -356,14 +356,14 @@
               text
               @click="cancel"
             >
-              취소
+              {{ $t('common.actions.cancel') }}
             </v-btn>
             <v-btn
               color="blue darken-1"
               text
               @click="deleteSignature"
             >
-              확인
+              {{ $t('common.actions.confirm') }}
             </v-btn>
           </v-card-actions>
         </v-card>
@@ -376,7 +376,7 @@
       persistent
     >
       <v-card>
-        <v-card-title>이미지 크롭</v-card-title>
+        <v-card-title>{{ $t('view.signature.dialog.cropTitle') }}</v-card-title>
         <v-card-text>
           <div class="cropper-wrapper">
             <img
@@ -394,14 +394,14 @@
             text
             @click="cancelCropper"
           >
-            취소
+            {{ $t('common.actions.cancel') }}
           </v-btn>
           <v-btn
             color="blue darken-1"
             text
             @click="cropImage"
           >
-            크롭 완료
+            {{ $t('view.signature.actions.cropDone') }}
           </v-btn>
         </v-card-actions>
       </v-card>
@@ -444,31 +444,31 @@ export default {
 
       headers: [
         {
-          text: '캔',
+          text: this.$t('view.signature.headers.can'),
           align: 'center',
           sortable: false,
           value: 'can',
         },
         {
-          text: '19금',
+          text: this.$t('view.signature.headers.adult'),
           align: 'center',
           sortable: false,
           value: 'isAdult',
         },
         {
-          text: '이미지',
+          text: this.$t('view.signature.headers.image'),
           align: 'center',
           sortable: false,
           value: 'image',
         },
         {
-          text: '시간(초)',
+          text: this.$t('view.signature.headers.timeSec'),
           align: 'center',
           sortable: false,
           value: 'time',
         },
         {
-          text: '관리',
+          text: this.$t('view.signature.headers.actions'),
           align: 'center',
           sortable: false,
           value: 'management',
@@ -565,9 +565,9 @@ export default {
         this.can === 0 ||
         this.image === null
       ) {
-        this.notifyError('내용을 입력하세요')
+        this.notifyError(this.$t('view.signature.validation.fillRequired'))
       } else if (this.time < 3 || this.time > 20) {
-        this.notifyError('시간은 3초 이상 20초 이하를 입력하세요.')
+        this.notifyError(this.$t('view.signature.validation.timeRange'))
       } else {
         this.submit()
       }
@@ -622,7 +622,7 @@ export default {
             this.total_page = total_page
         }
       } catch (e) {
-        this.notifyError("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+        this.notifyError(this.$t('common.error.unknown'))
       } finally {
         this.is_loading = false
       }
@@ -643,16 +643,16 @@ export default {
         const res = await api.createSignature(formData)
         if (res.status === 200 && res.data.success === true) {
           this.cancel()
-          this.notifySuccess(res.data.message || '등록되었습니다.')
+          this.notifySuccess(res.data.message || this.$t('view.signature.messages.created'))
 
           this.page = 1
           await this.getSignatureList()
         } else {
           this.is_loading = false
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
         this.is_loading = false
       } finally {
         this.is_loading = false
@@ -666,7 +666,7 @@ export default {
         this.can === this.selected_signature_can.can &&
         this.time === this.selected_signature_can.time
       ) {
-        this.notifyError('변경사항이 없습니다.')
+        this.notifyError(this.$t('view.signature.messages.noChanges'))
         return;
       }
 
@@ -697,16 +697,16 @@ export default {
         const res = await api.modifySignature(formData)
         if (res.status === 200 && res.data.success === true) {
           this.cancel()
-          this.notifySuccess(res.data.message || '수정되었습니다.')
+          this.notifySuccess(res.data.message || this.$t('view.signature.messages.updated'))
 
           this.page = 1
           await this.getSignatureList()
         } else {
           this.is_loading = false
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
         this.is_loading = false
       } finally {
         this.is_loading = false
@@ -726,16 +726,16 @@ export default {
         const res = await api.modifySignature(formData)
         if (res.status === 200 && res.data.success === true) {
           this.cancel()
-          this.notifySuccess(res.data.message || '등록되었습니다.')
+          this.notifySuccess(res.data.message || this.$t('view.signature.messages.deleted'))
 
           this.page = 1
           await this.getSignatureList()
         } else {
           this.is_loading = false
-          this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          this.notifyError(res.data.message || this.$t('common.error.unknown'))
         }
       } catch (e) {
-        this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+        this.notifyError(this.$t('common.error.unknown'))
         this.is_loading = false
       } finally {
         this.is_loading = false