부가세 신고 페이지 및 컴포넌트 다국어화 완료

- 부가세 신고 페이지 다국어화 (3개 페이지)
  * 조회 페이지: 헤더 타이틀, 탭, 검색/다운로드
  * 상세 페이지: 세금계산서 상세 정보
  * 참조번호 발급 페이지: 신청 완료/실패 메시지
- 부가세 엔티티 컴포넌트 다국어화 (11개 컴포넌트)
  * vat-return-tab: 세금계산서/부가세참고 탭
  * list-wrap: 조회 페이지 래퍼
  * list-item: 거래 항목 (통화 표기 포함)
  * reference-wrap: 참조 자료 신청
  * reference-request-success/fail: 신청 결과
  * list-detail-bottom-sheet: 상세 내역 (10개 통화 인스턴스)
- 섹션 컴포넌트 다국어화 (4개)
  * amount-section: 금액 상세 (공급가액, VAT, 합계금액)
  * issue-section: 발행 정보 (발행대상일자, 적요 등)
  * supplier-section: 공급자 정보
  * receiver-section: 공급받는 자 정보
- 통화 표기 통일 (10개 인스턴스)
  * 한국어: 1,000원 (suffix)
  * 영어: ₩1,000 (prefix)
- 번역 키 추가: vatReturn 네임스페이스 29개 키
- 기존 번역 키 재사용 (merchant, transaction, common, home)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/entities/vat-return/ui/list-detail-bottom-sheet.tsx

@@ -5,6 +5,7 @@ import { NumericFormat } from "react-number-format";
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { useEffect, useState } from "react";
+import { useTranslation } from 'react-i18next';
 
 export interface VatReturnListDetailBottomSheetProps {
   bottomSheetOn: boolean;
@@ -25,7 +26,7 @@ export const VatReturnListDetailBottomSheet = ({
   vatAmount,
   totalAmount
 }: VatReturnListDetailBottomSheetProps) => {
-
+  const { t, i18n } = useTranslation();
   const [isOpenDetail, setIsOpenDetail] = useState<Array<boolean>>([]);
 
   const onClickToClose = () => {
@@ -48,14 +49,14 @@ export const VatReturnListDetailBottomSheet = ({
       <div className="bottomsheet">
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>세부내역 조회</h2>
+            <h2>{t('vatReturn.viewDetails')}</h2>
             <button
               className="close-btn"
               type="button"
             >
               <img
                 src={ IMAGE_ROOT +'/ico_close.svg' }
-                alt="닫기"
+                alt={t('common.close')}
                 onClick={ onClickToClose }
               />
             </button>
@@ -66,46 +67,50 @@ export const VatReturnListDetailBottomSheet = ({
           <div className="tax-detail-accordion">
             <div className="summary">
               <div className="row">
-                <div className="label desc dot">거래금액 :</div>
+                <div className="label desc dot">{t('vatReturn.transactionAmount')} :</div>
                 <div className="value">
                   <NumericFormat
                     value={ transactionAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </div>
               </div>
               <div className="row">
-                <div className="label desc dot">공급가액 :</div>
+                <div className="label desc dot">{t('vatReturn.supplyAmount')} :</div>
                 <div className="value">
                   <NumericFormat
                     value={ supplyAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </div>
               </div>
               <div className="row">
-                <div className="label desc dot">VAT :</div>
+                <div className="label desc dot">{t('vatReturn.vat')} :</div>
                 <div className="value">
                   <NumericFormat
                     value={ vatAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </div>
               </div>
               <div className="row">
-                <div className="label desc dot">합계금액 :</div>
+                <div className="label desc dot">{t('vatReturn.totalAmount')} :</div>
                 <div className="value">
                   <NumericFormat
                     value={ totalAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </div>
               </div>
@@ -113,8 +118,8 @@ export const VatReturnListDetailBottomSheet = ({
             { breakdown && breakdown.length > 0 &&
               <div className="list">
                 <div className="list-header">
-                  <div className="head-date">거래일</div>
+                  <div className="head-date">{t('vatReturn.transactionDate')}</div>
-                  <div className="head-amount">합계금액</div>
+                  <div className="head-amount">{t('vatReturn.totalAmount')}</div>
                 </div>
                 { 
                   breakdown.map((value, index) => (
@@ -128,7 +133,8 @@ export const VatReturnListDetailBottomSheet = ({
                               value={ value.totalAmount }
                               thousandSeparator
                               displayType="text"
-                              suffix='원'
+                              prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                              suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                             ></NumericFormat>
                           </span>
                           <img
@@ -142,9 +148,9 @@ export const VatReturnListDetailBottomSheet = ({
                         { isOpenDetail[index] &&
                           <div className="item item-detail">
                             <div className="labels">
-                              <span>거래금액</span>
+                              <span>{t('vatReturn.transactionAmount')}</span>
-                              <span>공급가액</span>
+                              <span>{t('vatReturn.supplyAmount')}</span>
-                              <span>VAT</span>
+                              <span>{t('vatReturn.vat')}</span>
                             </div>
                             <div className="values">
                               <span>
@@ -152,7 +158,8 @@ export const VatReturnListDetailBottomSheet = ({
                                   value={ value.transactionAmount }
                                   thousandSeparator
                                   displayType="text"
-                                  suffix='원'
+                                  prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                                  suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                                 ></NumericFormat>
                               </span>
                               <span>
@@ -160,7 +167,8 @@ export const VatReturnListDetailBottomSheet = ({
                                   value={ value.supplyAmount }
                                   thousandSeparator
                                   displayType="text"
-                                  suffix='원'
+                                  prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                                  suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                                 ></NumericFormat>
                               </span>
                               <span>
@@ -168,7 +176,8 @@ export const VatReturnListDetailBottomSheet = ({
                                   value={ value.vatAmount }
                                   thousandSeparator
                                   displayType="text"
-                                  suffix='원'
+                                  prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                                  suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                                 ></NumericFormat>
                               </span>
                             </div>

src/entities/vat-return/ui/list-item.tsx

@@ -1,4 +1,5 @@
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { ListItemProps } from '../model/types';
@@ -12,6 +13,7 @@ export const ListItem = ({
   paymentMethod,
   amount
 }: ListItemProps) => {
+  const { t, i18n } = useTranslation();
   const { navigate } = useNavigate();
   
   const onClickToNavigate = () => {
@@ -44,7 +46,8 @@ export const ListItem = ({
             value={ amount }
             thousandSeparator
             displayType="text"
-            suffix='원'
+            prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+            suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
           ></NumericFormat>
         </div>
       </div>

src/entities/vat-return/ui/list-wrap.tsx

@@ -1,5 +1,6 @@
 import moment from 'moment';
 import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { ListFilter } from './filter/list-filter';
 import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
@@ -19,6 +20,7 @@ import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 
 export const ListWrap = () => {
+  const { t } = useTranslation();
   const userMid = useStore.getState().UserStore.mid;
 
   const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
@@ -181,14 +183,14 @@ export const ListWrap = () => {
             >
               <img
                 src={ IMAGE_ROOT + '/ico_setting.svg' }
-                alt="검색옵션"
+                alt={t('transaction.searchOptions')}
               />
             </button>
           </div>
           <button className="download-btn">
             <img
               src={ IMAGE_ROOT + '/ico_download.svg' }
-              alt="다운로드"
+              alt={t('transaction.download')}
               onClick={ onClickToDownloadExcel }
             />
           </button>

src/entities/vat-return/ui/reference-request-fail.tsx

@@ -1,4 +1,5 @@
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import {
   FilterMotionDuration,
   FilterMotionStyle,
@@ -16,6 +17,7 @@ export const ReferenceRequestFail = ({
   setPageOn,
   errorMsg
 }: ReferenceRequestFailProps) => {
+  const { t } = useTranslation();
   const onClickToClose = () => {
     setPageOn(false);
   };
@@ -40,13 +42,13 @@ export const ReferenceRequestFail = ({
                 aria-hidden="true"
               ></div>
               <h1 className="success-title">
-                <span>부가세 참고 자료</span>
+                <span>{t('vatReturn.vatReferenceData')}</span>
                 <br/>
-                <span>신청 실패하였습니다</span>
+                <span>{t('vatReturn.requestFailed')}</span>
               </h1>
               <div className="success-result">
                 <p className="result-text align-left position_label">
-                  <span>결과 :</span> 
+                  <span>{t('vatReturn.result')} :</span>
                   <span>{ errorMsg }</span>
                 </p>
               </div>
@@ -55,7 +57,7 @@ export const ReferenceRequestFail = ({
               <button
                 className="btn-50 btn-blue flex-1"
                 onClick={ onClickToClose }
-              >확인</button>
+              >{t('common.confirm')}</button>
             </div>
           </div>
         </div>

src/entities/vat-return/ui/reference-request-success.tsx

@@ -1,4 +1,5 @@
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import {
   FilterMotionDuration,
   FilterMotionStyle,
@@ -19,6 +20,7 @@ export const ReferenceRequestSuccess = ({
   email,
   startDate
 }: ReferenceRequestSuccessProps) => {
+  const { t } = useTranslation();
   const onClickToClose = () => {
     setPageOn(false);
   };
@@ -39,25 +41,25 @@ export const ReferenceRequestSuccess = ({
           >
             <div className="success-icon" aria-hidden="true"></div>
             <h1 className="success-title">
-              <span>부가세 참고 자료</span>
+              <span>{t('vatReturn.vatReferenceData')}</span>
               <br/>
-              <span>신청이 완료되었습니다.</span>
+              <span>{t('vatReturn.requestCompleted')}</span>
             </h1>
-            <p className="success-subtitle">파일은 선택한 수령 방법으로 제공됩니다.</p>
+            <p className="success-subtitle">{t('vatReturn.fileProvidedBySelectedMethod')}</p>
             <div className="success-result">
               <p className="result-text">
-                <span>신청일 :</span> <span>{ moment(startDate).format('YYYY.MM.DD') }</span>
+                <span>{t('vatReturn.applicationDate')} :</span> <span>{ moment(startDate).format('YYYY.MM.DD') }</span>
                 <br/>
-                <span>메일주소 :</span> <span>{ email }</span>
+                <span>{t('vatReturn.emailAddress')} :</span> <span>{ email }</span>
               </p>
             </div>
-            <p className="success-note dot">참고용 자료이므로 반드시 내부 회계자료 등과<br/>비교 후 사용해 주세요.</p>
+            <p className="success-note dot">{t('vatReturn.referenceDataNote')}</p>
           </div>
           <div className="apply-row">
             <button
               className="btn-50 btn-blue flex-1"
               onClick={ onClickToClose }
-            >확인</button>
+            >{t('common.confirm')}</button>
           </div>
         </div>
       </motion.div>

src/entities/vat-return/ui/reference-wrap.tsx

@@ -1,5 +1,6 @@
 import moment from 'moment';
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { ReferenceRequestSuccess } from './reference-request-success';
@@ -11,6 +12,7 @@ import { useStore } from '@/shared/model/store';
 import { useVatReturnReferenceRequestMutation } from '../api/use-vat-return-reference-request-mutation';
 
 export const ReferenceWrap = () => {
+  const { t } = useTranslation();
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
   const emailOptions = useStore.getState().UserStore.selectOptionsEmails;
   const userMid = useStore.getState().UserStore.mid;
@@ -48,13 +50,13 @@ export const ReferenceWrap = () => {
     <>
       <div className="option-list no-padding pt-30">
         <FilterSelect
-          title='가맹점'
+          title={t('merchant.title')}
           selectValue={ mid }
           selectSetter={ setMid }
           selectOptions={ midOptions }
         ></FilterSelect>
         <FilterButtonGroups
-          title='거래 과세/면세 구분'
+          title={t('vatReturn.taxExemptionType')}
           activeValue={ payTax }
           btnGroups={ VatReturnTaxBtnGroups }
           setter={ setPayTax }
@@ -62,14 +64,14 @@ export const ReferenceWrap = () => {
           maxBtn={ 2 }
         ></FilterButtonGroups>
         <FilterCalendar
-          title='거래기간'
+          title={t('vatReturn.transactionPeriod')}
           startDate={ startDate }
           endDate={ endDate }
           setStartDate={ setStartDate }
           setEndDate={ setEndDate }
         ></FilterCalendar>
         <FilterSelect
-          title='수령메일주소'
+          title={t('vatReturn.receivingEmail')}
           selectValue={ email }
           selectSetter={ setEmail }
           selectOptions={ emailOptions }
@@ -79,7 +81,7 @@ export const ReferenceWrap = () => {
         <button
           className="btn-50 btn-blue flex-1"
           onClick={ onClickToResquest }
-        >자료신청</button>
+        >{t('vatReturn.requestData')}</button>
       </div>
       <ReferenceRequestSuccess
         pageOn={ successPageOn }

src/entities/vat-return/ui/section/amount-section.tsx

@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { VatReturnDetailResponse } from '../../model/types';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { NumericFormat } from 'react-number-format';
@@ -14,6 +15,7 @@ export interface AmountSectionProps {
 export const AmountSection = ({
   detail
 }: AmountSectionProps) => {
+  const { t, i18n } = useTranslation();
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
 
@@ -35,19 +37,20 @@ export const AmountSection = ({
       <div className="txn-num-group">
         <div className="txn-amount">
           <div className="value">
+            {i18n.language === 'en' && <span>{t('home.currencySymbol')}</span>}
             <NumericFormat
               value={ detail.totalAmount }
               thousandSeparator
               displayType="text"
             ></NumericFormat>
-            <span className="unit">원</span>
+            <span className="unit">{i18n.language === 'en' ? '' : t('home.currencyWon')}</span>
           </div>
           <button
             className="chip-btn"
             type="button"
             onClick={ () => openSection() }
           >
-            <span>금액상세</span> <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+            <span>{t('vatReturn.amountDetail')}</span> <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
           </button>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
@@ -55,24 +58,26 @@ export const AmountSection = ({
           <div className="amount-expand">
             <ul className="amount-list">
               <li className="amount-item">
-                <span className="label">·&nbsp;&nbsp;공급가액</span>
+                <span className="label">·&nbsp;&nbsp;{t('vatReturn.supplyAmount')}</span>
                 <span className="value">
                   <NumericFormat
                     value={ detail.supplyAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </span>
               </li>
               <li className="amount-item">
-                <span className="label">·&nbsp;&nbsp;VAT</span>
+                <span className="label">·&nbsp;&nbsp;{t('vatReturn.vat')}</span>
                 <span className="value">
                   <NumericFormat
                     value={ detail.vatAmount }
                     thousandSeparator
                     displayType="text"
-                    suffix='원'
+                    prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
+                    suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
                   ></NumericFormat>
                 </span>
               </li>
@@ -95,7 +100,7 @@ export const AmountSection = ({
             className="doc-btn"
             type="button"
             onClick={ onClickToOpenDownloadBottomSheet }
-          >세금계산서</button>
+          >{t('vatReturn.taxInvoice')}</button>
         </div>
       </div>
       { !!downloadBottomSheetOn &&

src/entities/vat-return/ui/section/issue-section.tsx

@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { VatReturnDetailResponse } from '../../model/types';
 
 export interface IssueSectionProps {
@@ -8,18 +9,19 @@ export interface IssueSectionProps {
 export const IssueSection = ({
   detail
 }: IssueSectionProps) => {
+  const { t } = useTranslation();
 
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">발행 정보</div>
+        <div className="section-title">{t('vatReturn.issueInfo')}</div>
         <ul className="kv-list">
           <li className="kv-row">
             <span className="k">MID</span>
             <span className="v">{ detail.mid }</span>
           </li>
           <li className="kv-row">
-            <span className="k">발행대상일자</span>
+            <span className="k">{t('vatReturn.issueTargetDate')}</span>
             <span className="v">
               { !!detail.targetBusinessStartDate && !!detail.targetBusinessEndDate &&
                 moment(detail.targetBusinessStartDate).format('YYYY.MM.DD')
@@ -31,7 +33,7 @@ export const IssueSection = ({
             </span>
           </li>
           <li className="kv-row">
-            <span className="k">발행일자</span>
+            <span className="k">{t('vatReturn.issueDate')}</span>
             <span className="v">
               { !!detail.issueDate &&
                 moment(detail.issueDate).format('YYYY.MM.DD')
@@ -39,15 +41,15 @@ export const IssueSection = ({
             </span>
           </li>
           <li className="kv-row">
-            <span className="k">적요</span>
+            <span className="k">{t('vatReturn.subject')}</span>
             <span className="v">{ detail.subject }</span>
           </li>
           <li className="kv-row">
-            <span className="k">발행대상</span>
+            <span className="k">{t('vatReturn.issueTarget')}</span>
             <span className="v">{ detail.targetType }</span>
           </li>
           <li className="kv-row">
-            <span className="k">영수구분</span>
+            <span className="k">{t('vatReturn.receiptType')}</span>
             <span className="v">{ detail.receiptType }</span>
           </li>
           <li className="kv-row">

src/entities/vat-return/ui/section/receiver-section.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { VatReturnDetailResponse } from '../../model/types';
 
 export interface ReceiverSectionProps {
@@ -7,23 +8,24 @@ export interface ReceiverSectionProps {
 export const ReceiverSection = ({
   detail
 }: ReceiverSectionProps) => {
+  const { t } = useTranslation();
 
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">공급받는 자 정보</div>
+        <div className="section-title">{t('vatReturn.receiverInfo')}</div>
       </div>
       <ul className="kv-list">
         <li className="kv-row">
-          <span className="k">사업자등록번호</span>
+          <span className="k">{t('merchant.businessRegistrationNumber')}</span>
           <span className="v">{ detail.receiverBusinessRegistrationNumber }</span>
         </li>
         <li className="kv-row">
-          <span className="k">상호명</span>
+          <span className="k">{t('merchant.companyName')}</span>
           <span className="v">{ detail.receiverCompanyName }</span>
         </li>
         <li className="kv-row">
-          <span className="k">대표자명</span>
+          <span className="k">{t('merchant.representativeName')}</span>
           <span className="v">{ detail.receiverCeoName }</span>
         </li>
       </ul>

src/entities/vat-return/ui/section/supplier-section.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { VatReturnDetailResponse } from '../../model/types';
 
 export interface SupplierSectionProps {
@@ -7,23 +8,24 @@ export interface SupplierSectionProps {
 export const SupplierSection = ({
   detail
 }: SupplierSectionProps) => {
+  const { t } = useTranslation();
 
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">공급자 정보</div>
+        <div className="section-title">{t('vatReturn.supplierInfo')}</div>
       </div>
       <ul className="kv-list">
         <li className="kv-row">
-          <span className="k">사업자등록번호</span>
+          <span className="k">{t('merchant.businessRegistrationNumber')}</span>
           <span className="v">{ detail.supplierBusinessRegistrationNumber }</span>
         </li>
         <li className="kv-row">
-          <span className="k">상호명</span>
+          <span className="k">{t('merchant.companyName')}</span>
           <span className="v">{ detail.supplierCompanyName }</span>
         </li>
         <li className="kv-row">
-          <span className="k">대표자명</span>
+          <span className="k">{t('merchant.representativeName')}</span>
           <span className="v">{ detail.supplierCeoName }</span>
         </li>
       </ul>

src/entities/vat-return/ui/vat-return-tab.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import {
@@ -8,6 +9,7 @@ import {
 export const VatReturnTab = ({
   activeTab
 }: VatReturnTabProps) => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
 
   const onClickToNavigation = (tab: VatReturnTabKeys) => {
@@ -26,11 +28,11 @@ export const VatReturnTab = ({
         <button
           className={`subtab-btn ${(activeTab === VatReturnTabKeys.List)? 'active': ''}` }
           onClick={ () => onClickToNavigation(VatReturnTabKeys.List) }
-        >세금 계산서</button>
+        >{t('vatReturn.taxInvoice')}</button>
         <button
           className={`subtab-btn ${(activeTab === VatReturnTabKeys.VatReference)? 'active': ''}` }
           onClick={ () => onClickToNavigation(VatReturnTabKeys.VatReference) }
-        >부가세 참고</button>
+        >{t('vatReturn.vatReference')}</button>
       </div>
     </>
   );

src/locales/en.json

@@ -190,8 +190,8 @@
     },
     "account": {
         "title": "Account Management",
-        "userManagement": "User Management",
+        "userManagement": "Users",
-        "passwordManagement": "Password Management",
+        "passwordManagement": "Passwords",
         "userSettings": "User Settings",
         "addUser": "Add User",
         "addAccount": "Add Account",
@@ -491,6 +491,39 @@
     "faceAuth": {
         "title": "Face Authentication"
     },
+    "vatReturn": {
+        "title": "VAT Return Data",
+        "taxInvoice": "Tax Invoice",
+        "vatReference": "VAT Reference",
+        "taxInvoiceDetail": "Tax Invoice Details",
+        "viewDetails": "View Details",
+        "transactionAmount": "Transaction Amount",
+        "supplyAmount": "Supply Amount",
+        "vat": "VAT",
+        "totalAmount": "Total Amount",
+        "transactionDate": "Transaction Date",
+        "amountDetail": "Amount Details",
+        "issueInfo": "Issue Information",
+        "issueTargetDate": "Issue Target Date",
+        "issueDate": "Issue Date",
+        "subject": "Subject",
+        "issueTarget": "Issue Target",
+        "receiptType": "Receipt Type",
+        "supplierInfo": "Supplier Information",
+        "receiverInfo": "Receiver Information",
+        "taxExemptionType": "Tax/Exemption Type",
+        "transactionPeriod": "Transaction Period",
+        "receivingEmail": "Receiving Email",
+        "requestData": "Request Data",
+        "vatReferenceData": "VAT Reference Data",
+        "requestCompleted": "Request completed.",
+        "requestFailed": "Request failed",
+        "fileProvidedBySelectedMethod": "The file will be provided by the selected method.",
+        "applicationDate": "Application Date",
+        "emailAddress": "Email Address",
+        "referenceDataNote": "Please compare with internal accounting data\nbefore using this reference material.",
+        "result": "Result"
+    },
     "common": {
         "latest": "Latest",
         "oldest": "Oldest"

src/locales/ko.json

@@ -495,6 +495,39 @@
     "faceAuth": {
         "title": "안면인증"
     },
+    "vatReturn": {
+        "title": "부가세 신고 자료",
+        "taxInvoice": "세금 계산서",
+        "vatReference": "부가세 참고",
+        "taxInvoiceDetail": "세금계산서 상세",
+        "viewDetails": "세부내역 조회",
+        "transactionAmount": "거래금액",
+        "supplyAmount": "공급가액",
+        "vat": "VAT",
+        "totalAmount": "합계금액",
+        "transactionDate": "거래일",
+        "amountDetail": "금액상세",
+        "issueInfo": "발행 정보",
+        "issueTargetDate": "발행대상일자",
+        "issueDate": "발행일자",
+        "subject": "적요",
+        "issueTarget": "발행대상",
+        "receiptType": "영수구분",
+        "supplierInfo": "공급자 정보",
+        "receiverInfo": "공급받는 자 정보",
+        "taxExemptionType": "거래 과세/면세 구분",
+        "transactionPeriod": "거래기간",
+        "receivingEmail": "수령메일주소",
+        "requestData": "자료신청",
+        "vatReferenceData": "부가세 참고 자료",
+        "requestCompleted": "신청이 완료되었습니다.",
+        "requestFailed": "신청 실패하였습니다",
+        "fileProvidedBySelectedMethod": "파일은 선택한 수령 방법으로 제공됩니다.",
+        "applicationDate": "신청일",
+        "emailAddress": "메일주소",
+        "referenceDataNote": "참고용 자료이므로 반드시 내부 회계자료 등과\n비교 후 사용해 주세요.",
+        "result": "결과"
+    },
     "common": {
         "latest": "최신순",
         "oldest": "오래된순"

src/pages/vat-return/detail-page.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useLocation } from 'react-router';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
@@ -26,6 +27,7 @@ import { VatReturnListDetailBottomSheet } from '@/entities/vat-return/ui/list-de
 import { useVatReturnBreakdownMutation } from '@/entities/vat-return/api/use-vat-return-breakdown-mutation';
 
 export const DetailPage = () => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
   const location = useLocation();
 
@@ -37,7 +39,7 @@ export const DetailPage = () => {
   const [detail, setDetail] = useState<VatReturnDetailResponse>({});
   const [breakdown, setBreakdown] = useState<Array<Breakdown>>([]);
    
-  useSetHeaderTitle('세금계산서 상세');
+  useSetHeaderTitle(t('vatReturn.taxInvoiceDetail'));
   useSetHeaderType(HeaderType.RightClose);
   useSetOnBack(() => {
     navigate(PATHS.vatReturn.list);
@@ -103,7 +105,7 @@ export const DetailPage = () => {
               <button
                 className="btn-50 btn-blue flex-1"
                 onClick={ onClickToOpenBottomSheet }
-              >세부내역 조회</button>
+              >{t('vatReturn.viewDetails')}</button>
             </div>
           </div>
         </div>

src/pages/vat-return/list-page.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { VatReturnTab } from '@/entities/vat-return/ui/vat-return-tab';
@@ -13,11 +14,12 @@ import {
 } from '@/widgets/sub-layout/use-sub-layout';
 
 export const ListPage = () => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
 
   const [activeTab, setActiveTab] = useState<VatReturnTabKeys>(VatReturnTabKeys.List);
 
-  useSetHeaderTitle('부가세 신고 자료');
+  useSetHeaderTitle(t('vatReturn.title'));
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {

src/pages/vat-return/reference-page.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { VatReturnTab } from '@/entities/vat-return/ui/vat-return-tab';
@@ -13,11 +14,12 @@ import {
 } from '@/widgets/sub-layout/use-sub-layout';
 
 export const ReferencePage = () => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
 
   const [activeTab, setActiveTab] = useState<VatReturnTabKeys>(VatReturnTabKeys.VatReference);
 
-  useSetHeaderTitle('부가세 신고 자료');
+  useSetHeaderTitle(t('vatReturn.title'));
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {