From e067fc8d4f1cef5a0fbb5410504fafe1f4a1cda1 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 16:14:25 +0900
Subject: [PATCH 01/15] Add comprehensive i18n localization to transaction UI
 components
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Localize 23 transaction UI component files
- Add 150+ translation keys to ko.json and en.json
- Organized translations under transaction namespace:
  * transaction.bottomSheet - Bottom sheet modals
  * transaction.sections - Section titles
  * transaction.fields - Field labels (90+ keys)
  * transaction.cancel - Cancellation flows
  * transaction.handWrittenIssuance - Manual issuance forms
  * transaction.list - List actions

Updated files:
- Bottom sheets: escrow-mail-resend, cash-receipt-purpose-update
- Sections: billing-info, part-cancel-info, detail-info, issue-info,
  escrow-info, important-info, payment-info, transaction-info,
  settlement-info, merchant-info, amount-info, cancel-bank-group,
  cancel-password-group
- Lists: list-item, billing-list, cash-receipt-list
- Cancel flows: all-cancel, part-cancel, prevent-bond
- Issuance: hand-written-issuance-step1, hand-written-issuance-step2

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../ui/all-transaction-all-cancel.tsx         |  11 +-
 .../all-transaction-cancel-prevent-bond.tsx   |  54 ++---
 .../ui/all-transaction-part-cancel.tsx        |  34 +--
 src/entities/transaction/ui/billing-list.tsx  |  12 +-
 ...sh-receipt-hand-written-issuance-step1.tsx |  44 ++--
 ...sh-receipt-hand-written-issuance-step2.tsx |  21 +-
 .../transaction/ui/cash-receipt-list.tsx      |  12 +-
 ...ash-receit-purpose-update-bottom-sheet.tsx |  22 +-
 .../ui/escrow-mail-resend-bottom-sheet.tsx    |  26 ++-
 src/entities/transaction/ui/list-item.tsx     |  18 +-
 ...-transaction-cancel-section-bank-group.tsx |  26 ++-
 ...nsaction-cancel-section-password-group.tsx |  12 +-
 .../ui/section/amount-info-section.tsx        | 127 +++++------
 .../ui/section/billing-info-section.tsx       |  38 ++--
 .../ui/section/detail-info-section.tsx        |  24 +-
 .../ui/section/escrow-info-section.tsx        |  26 ++-
 .../ui/section/important-info-section.tsx     |  48 ++--
 .../ui/section/issue-info-section.tsx         |  20 +-
 .../ui/section/merchant-info-section.tsx      |  12 +-
 .../ui/section/part-cancel-info-section.tsx   |  18 +-
 .../ui/section/payment-info-section.tsx       | 134 +++++------
 .../ui/section/settlement-info-section.tsx    |  34 +--
 .../ui/section/transaction-info-section.tsx   |  40 ++--
 src/locales/en.json                           | 209 +++++++++++++++++-
 src/locales/ko.json                           | 209 +++++++++++++++++-
 25 files changed, 847 insertions(+), 384 deletions(-)

diff --git a/src/entities/transaction/ui/all-transaction-all-cancel.tsx b/src/entities/transaction/ui/all-transaction-all-cancel.tsx
index a0ef725..7359185 100644
--- a/src/entities/transaction/ui/all-transaction-all-cancel.tsx
+++ b/src/entities/transaction/ui/all-transaction-all-cancel.tsx
@@ -3,6 +3,7 @@ import { AllTransactionCancelInfoResponse } from '../model/types';
 import { AllTransactionCancelSectionPasswordGroup } from './section/all-transaction-cancel-section-password-group';
 import { AllTransactionCancelSectionBankGroup } from './section/all-transaction-cancel-section-bank-group';
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 
 export interface AllTransactionAllCancelProps extends AllTransactionCancelInfoResponse {
   serviceCode: string;
@@ -45,25 +46,27 @@ export const AllTransactionAllCancel = ({
   requestSuccess,
   totalCancelAmount
 }: AllTransactionAllCancelProps) => {
+  const { t } = useTranslation();
+
   return (
     <>
       <div className="amount-info">
         <ul className="amount-list">
           <li className="amount-item">
-            <span className="label">·&nbsp;&nbsp;총 잔액</span>
+            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.totalBalance')}</span>
             <span className="value">
               <NumericFormat
-                value={ remainAmount } 
+                value={ remainAmount }
                 thousandSeparator
                 displayType="text"
               ></NumericFormat>
             </span>
           </li>
           <li className="amount-item">
-            <span className="label">·&nbsp;&nbsp;총 취소금액</span>
+            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.totalCancelAmount')}</span>
             <span className="value">
               <NumericFormat
-                value={ totalCancelAmount } 
+                value={ totalCancelAmount }
                 thousandSeparator
                 displayType="text"
               ></NumericFormat>
diff --git a/src/entities/transaction/ui/all-transaction-cancel-prevent-bond.tsx b/src/entities/transaction/ui/all-transaction-cancel-prevent-bond.tsx
index 4ca0519..0175a59 100644
--- a/src/entities/transaction/ui/all-transaction-cancel-prevent-bond.tsx
+++ b/src/entities/transaction/ui/all-transaction-cancel-prevent-bond.tsx
@@ -7,6 +7,7 @@ import { NumericFormat } from 'react-number-format';
 import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
 import { useNavigate } from '@/shared/lib/hooks';
 import { PATHS } from '@/shared/constants/paths';
+import { useTranslation } from 'react-i18next';
 export interface AllTransactionCancelPreventBondProps {
   cancelPreventBondOn: boolean;
   setCancelPreventBondOn: (cancelPreventBondOn: boolean) => void;
@@ -22,6 +23,7 @@ export const AllTransactionCancelPreventBond = ({
   serviceCode,
   tid
 }: AllTransactionCancelPreventBondProps) => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
   const [item, setItem] = useState<DebtPreventionCancelDisplayInfo | null | undefined>(debtPreventionCancelDisplayInfo);
   const onClickToClose = () => {
@@ -48,15 +50,15 @@ export const AllTransactionCancelPreventBond = ({
       >
         <div className="full-menu-container">
           <div className="full-menu-header">
-            <div className="full-menu-title center">거래취소(입금 후 취소)</div>
+            <div className="full-menu-title center">{t('transaction.cancel.afterDeposit.title')}</div>
             <div className="full-menu-actions">
-              <button 
+              <button
                 id="closeFullMenu"
                 className="full-menu-close"
               >
-                <img 
+                <img
                   src={ IMAGE_ROOT + '/ico_close.svg' }
-                  alt="닫기"
+                  alt={t('common.close')}
                   onClick={ onClickToClose }
                 />
               </button>
@@ -64,43 +66,43 @@ export const AllTransactionCancelPreventBond = ({
           </div>
           <div className="option-list-nopadding pw-26">
             <div className="after-deposit-cancel pb-120">
-              <div className="notice-text">요청하신 거래취소는 입금 후 취소처리 가능합니다.</div>
-              <div className="section-title">취소거래내역</div>
+              <div className="notice-text">{t('transaction.cancel.afterDeposit.notice')}</div>
+              <div className="section-title">{t('transaction.cancel.afterDeposit.cancelTransactionTitle')}</div>
               <div className="amount-info">
                 <ul className="kv-list">
                   <li className="kv-row">
-                    <div className="k">· 승인일</div>
+                    <div className="k">· {t('transaction.fields.approvalDay')}</div>
                     <div className="v">{ item?.approvalDate? moment(item?.approvalDate).format('YYYY.MM.DD'): '' }</div>
                   </li>
                   <li className="kv-row">
-                    <div className="k">· 승인번호</div>
+                    <div className="k">· {t('transaction.fields.approvalNumber')}</div>
                     <div className="v">{ item?.approvalNo }</div>
                   </li>
                   <li className="kv-row">
-                    <div className="k">· 승인금액</div>
+                    <div className="k">· {t('transaction.cancel.afterDeposit.approvalAmount')}</div>
                     <div className="v">
                       <NumericFormat
-                        value={ item?.amount } 
+                        value={ item?.amount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                     </div>
                   </li>
                   <li className="kv-row">
-                    <div className="k">· 총 취소금액</div>
+                    <div className="k">· {t('transaction.fields.totalCancelAmount')}</div>
                     <div className="v">
                       <NumericFormat
-                        value={ item?.totalCancelAmount } 
+                        value={ item?.totalCancelAmount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                     </div>
                   </li>
                   <li className="kv-row">
-                    <div className="k red">· 입금요청금액 :</div>
+                    <div className="k red">· {t('transaction.cancel.afterDeposit.depositRequestAmount')} :</div>
                     <div className="v red">
                       <NumericFormat
-                        value={ item?.depositRequestAmount } 
+                        value={ item?.depositRequestAmount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
@@ -109,40 +111,40 @@ export const AllTransactionCancelPreventBond = ({
                 </ul>
               </div>
 
-              <div className="section-title">입금 정보</div>
+              <div className="section-title">{t('transaction.cancel.afterDeposit.depositInfoTitle')}</div>
               <div className="amount-info">
                 <ul className="kv-list">
                   <li className="kv-row">
-                    <div className="k">· 은행</div>
+                    <div className="k">· {t('transaction.fields.bank')}</div>
                     <div className="v">{ item?.bankName }</div>
                   </li>
                   <li className="kv-row">
-                    <div className="k">· 계좌번호</div>
+                    <div className="k">· {t('transaction.fields.accountNo')}</div>
                     <div className="v">{ item?.accountNo }</div>
                   </li>
                   <li className="kv-row">
-                    <div className="k">· 예금주</div>
+                    <div className="k">· {t('transaction.fields.accountHolder')}</div>
                     <div className="v">{ item?.accountName }</div>
                   </li>
                 </ul>
               </div>
 
               <div className="guide-list mt-26">
-                <div className="desc dot">[취소요청] 버튼을 통해 취소 요청을 진행해야 접수됩니다.</div>
-                <div className="desc dot">입금자명은 가맹점 상호로 입력해 주세요.</div>
-                <div className="desc dot">입금요청금액과 동일한 금액을 입금해야 취소가 진행됩니다.</div>
-                <div className="desc dot">취소내역은 최대 3일 이후 확인 가능합니다.</div>
-                <div className="desc dot">입금 후 취소 프로세스 :<br />가맹점의 취소요청 -&gt; 가맹점의입금 -&gt; 입금 확인 -&gt; 취소 처리</div>
-                <div className="desc dot">정산받지 않은 거래인 경우 <span className="link-blue">service@nicepay.co.kr</span>로 거래내역을 발송바랍니다. (단. 정산예정일이 2일 이상 남은 거래에 한함)</div>
+                <div className="desc dot">{t('transaction.cancel.afterDeposit.guide1')}</div>
+                <div className="desc dot">{t('transaction.cancel.afterDeposit.guide2')}</div>
+                <div className="desc dot">{t('transaction.cancel.afterDeposit.guide3')}</div>
+                <div className="desc dot">{t('transaction.cancel.afterDeposit.guide4')}</div>
+                <div className="desc dot" dangerouslySetInnerHTML={{ __html: t('transaction.cancel.afterDeposit.guide5') }}></div>
+                <div className="desc dot" dangerouslySetInnerHTML={{ __html: t('transaction.cancel.afterDeposit.guide6') }}></div>
               </div>
             </div>
           </div>
         </div>
         <div className="apply-row">
-          <button 
+          <button
             className="btn-50 btn-blue flex-1"
             onClick={ () => callTransactionCancel() }
-          >신청</button>
+          >{t('transaction.submit')}</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/transaction/ui/all-transaction-part-cancel.tsx b/src/entities/transaction/ui/all-transaction-part-cancel.tsx
index dde9e51..85994eb 100644
--- a/src/entities/transaction/ui/all-transaction-part-cancel.tsx
+++ b/src/entities/transaction/ui/all-transaction-part-cancel.tsx
@@ -3,6 +3,7 @@ import { AllTransactionCancelInfoResponse } from '../model/types';
 import { NumericFormat } from 'react-number-format';
 import { AllTransactionCancelSectionPasswordGroup } from './section/all-transaction-cancel-section-password-group';
 import { AllTransactionCancelSectionBankGroup } from './section/all-transaction-cancel-section-bank-group';
+import { useTranslation } from 'react-i18next';
 
 export interface AllTransactionPartCancelProps extends AllTransactionCancelInfoResponse {
   serviceCode: string;
@@ -63,6 +64,7 @@ export const AllTransactionPartCancel = ({
   totalCancelAmount,
   setTotalCancelAmount
 }: AllTransactionPartCancelProps) => {
+  const { t } = useTranslation();
   const [cancelTotalCancelAmountReadonly, setCancelTotalCancelAmountReadonly] = useState<boolean>(true);
   const [cancelSupplyAmountDisabled, setCancelSupplyAmountDisabled] = useState<boolean>(false);
   const [cancelGoodsVatDisabled, setCancelGoodsVatDisabled] = useState<boolean>(false);
@@ -180,20 +182,20 @@ export const AllTransactionPartCancel = ({
       <div className="amount-info">
         <ul className="amount-list">
           <li className="amount-item">
-            <span className="label">·&nbsp;&nbsp;총 잔액</span>
+            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.totalBalance')}</span>
             <span className="value">
               <NumericFormat
-                value={ remainAmount } 
+                value={ remainAmount }
                 thousandSeparator
                 displayType="text"
               ></NumericFormat>
             </span>
           </li>
           <li className="amount-item">
-            <span className="label">·&nbsp;&nbsp;총 취소금액</span>
+            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.totalCancelAmount')}</span>
             <span className="value">
               <NumericFormat
-                value={ totalCancelAmount } 
+                value={ totalCancelAmount }
                 displayType="input"
                 allowNegative={ false }
                 max={ remainAmount }
@@ -215,19 +217,19 @@ export const AllTransactionPartCancel = ({
             <thead>
               <tr>
                 <th className="header-empty"></th>
-                <th className="header-balance">잔액</th>
-                <th className="header-cancel">취소금액</th>
+                <th className="header-balance">{t('transaction.cancel.partCancel.balance')}</th>
+                <th className="header-cancel">{t('transaction.cancel.partCancel.cancelAmount')}</th>
               </tr>
             </thead>
             <tbody>
               <tr>
-                <td className="row-label">과세액</td>
+                <td className="row-label">{t('transaction.cancel.partCancel.taxableAmount')}</td>
                 <td className="row-balance">
                   <NumericFormat
-                    value={ supplyAmount } 
+                    value={ supplyAmount }
                     thousandSeparator
                     displayType="text"
-                  ></NumericFormat> 
+                  ></NumericFormat>
                 </td>
                 <td className="row-cancel">
                   <NumericFormat
@@ -241,13 +243,13 @@ export const AllTransactionPartCancel = ({
                 </td>
               </tr>
                 <tr>
-                  <td className="row-label">부가세</td>
+                  <td className="row-label">{t('transaction.cancel.partCancel.taxAmount')}</td>
                   <td className="row-balance">
                     <NumericFormat
-                      value={ goodsVat } 
+                      value={ goodsVat }
                       thousandSeparator
                       displayType="text"
-                    ></NumericFormat> 
+                    ></NumericFormat>
                   </td>
                   <td className="row-cancel">
                     <NumericFormat
@@ -261,10 +263,10 @@ export const AllTransactionPartCancel = ({
                   </td>
                 </tr>
                 <tr>
-                  <td className="row-label">면세</td>
+                  <td className="row-label">{t('transaction.cancel.partCancel.taxFree')}</td>
                   <td className="row-balance">
                     <NumericFormat
-                      value={ taxFreeAmount } 
+                      value={ taxFreeAmount }
                       thousandSeparator
                       displayType="text"
                     ></NumericFormat>
@@ -281,10 +283,10 @@ export const AllTransactionPartCancel = ({
                   </td>
                 </tr>
                 <tr>
-                  <td className="row-label">봉사료</td>
+                  <td className="row-label">{t('transaction.cancel.partCancel.serviceFee')}</td>
                   <td className="row-balance">
                     <NumericFormat
-                      value={ serviceAmount } 
+                      value={ serviceAmount }
                       thousandSeparator
                       displayType="text"
                     ></NumericFormat>
diff --git a/src/entities/transaction/ui/billing-list.tsx b/src/entities/transaction/ui/billing-list.tsx
index 6f35f36..e50aebd 100644
--- a/src/entities/transaction/ui/billing-list.tsx
+++ b/src/entities/transaction/ui/billing-list.tsx
@@ -2,12 +2,14 @@ import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { BillingListProps } from '../model/types';
 import { ListDateGroup } from './list-date-group';
+import { useTranslation } from 'react-i18next';
 
-export const BillingList = ({ 
+export const BillingList = ({
   transactionCategory,
-  listItems 
+  listItems
 }: BillingListProps) => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   
   const getListDateGroup = () => {
     let rs = [];
@@ -62,10 +64,10 @@ export const BillingList = ({
       { getListDateGroup() }
       </div>  
       <div className="apply-row">
-        <button 
+        <button
           className="btn-50 btn-blue flex-1"
-          onClick={ () => onClickToNavigate() }          
-        >결제신청</button>
+          onClick={ () => onClickToNavigate() }
+        >{ t('transaction.list.paymentRequest') }</button>
       </div>
     </>
   );
diff --git a/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx b/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx
index a6c27d4..46f7f3f 100644
--- a/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx
+++ b/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
 import { CashReceiptPurposeType } from '../model/types';
 import { PatternFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 
 export interface CashReceiptHandWrittenIssuanceStep1Props {
   businessNumber?: string;
@@ -38,19 +39,20 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
   setEmail,
   setPhoneNumber
 }: CashReceiptHandWrittenIssuanceStep1Props) => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
-  
+
   useSetOnBack(() => {
     navigate(PATHS.transaction.cashReceipt.list);
   });
   return (
     <>
-      <h2 className="issue-title">발행 정보 입력</h2>
+      <h2 className="issue-title">{t('transaction.handWrittenIssuance.step1Title')}</h2>
       <div className="issue-form">
         <div className="issue-row">
-          <div className="issue-label">사업자 번호</div>
+          <div className="issue-label">{t('transaction.handWrittenIssuance.businessNumber')}</div>
           <div className="issue-field">
-            <input 
+            <input
               className="error"
               type="text"
               value={ businessNumber }
@@ -60,49 +62,49 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
         </div>
 
         <div className="issue-row">
-          <div className="issue-label">용도</div>
+          <div className="issue-label">{t('transaction.fields.purpose')}</div>
           <div className="issue-field">
             <div className="seg-buttons">
               <button
                 className={ `btn-40 ${(purposeType === CashReceiptPurposeType.INCOME_DEDUCTION)? 'btn-blue': 'btn-white'}` }
                 type="button"
                 onClick={ () => setPurposeType(CashReceiptPurposeType.INCOME_DEDUCTION) }
-              >소득공제</button>
+              >{t('transaction.handWrittenIssuance.incomeDeduction')}</button>
               <button
                 className={ `btn-40 ${(purposeType === CashReceiptPurposeType.EXPENSE_PROOF)? 'btn-blue': 'btn-white'}` }
                 type="button"
                 onClick={ () => setPurposeType(CashReceiptPurposeType.EXPENSE_PROOF) }
-              >지출증빙</button>
+              >{t('transaction.handWrittenIssuance.expenseProof')}</button>
             </div>
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">상품명</div>
+          <div className="issue-label">{t('transaction.fields.productName')}</div>
           <div className="issue-field">
-            <input 
-              type="text" 
-              placeholder="상품명"
+            <input
+              type="text"
+              placeholder={t('transaction.handWrittenIssuance.productNamePlaceholder')}
               value={ productName }
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setProductName(e.target.value) }
             />
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">구매자</div>
+          <div className="issue-label">{t('transaction.fields.buyer')}</div>
           <div className="issue-field">
-            <input 
-              type="text" 
-              placeholder="구매자명"
+            <input
+              type="text"
+              placeholder={t('transaction.handWrittenIssuance.buyerNamePlaceholder')}
               value={ buyerName }
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setBuyerName(e.target.value) }
             />
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">발행번호</div>
+          <div className="issue-label">{t('transaction.fields.issueNumber')}</div>
           <div className="issue-field">
             <PatternFormat
-              placeholder="사업자번호 OR 휴대폰번호"
+              placeholder={t('transaction.handWrittenIssuance.issueNumberPlaceholder')}
               value={ issueNumber }
               valueIsNumericString
               format="###########"
@@ -111,21 +113,21 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">이메일 주소</div>
+          <div className="issue-label">{t('account.emailAddress')}</div>
           <div className="issue-field">
             <input
               type="email"
-              placeholder="TEST123@nicepay.com"
+              placeholder={t('transaction.handWrittenIssuance.emailPlaceholder')}
               value={ email }
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setEmail(e.target.value) }
             />
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">전화번호</div>
+          <div className="issue-label">{t('account.phoneNumber')}</div>
           <div className="issue-field">
             <PatternFormat
-              placeholder="01012345678"
+              placeholder={t('transaction.handWrittenIssuance.phoneNumberPlaceholder')}
               value={ phoneNumber }
               valueIsNumericString
               format="###########"
diff --git a/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx b/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx
index ff0a768..cdf7b95 100644
--- a/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx
+++ b/src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx
@@ -2,6 +2,7 @@ import { ChangeEvent } from 'react';
 import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
 import { ProcessStep } from '../model/types';
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 
 export interface CashReceiptHandWrittenIssuanceStep2Props {
   setProcessStep: (processStep: ProcessStep) => void;
@@ -31,17 +32,19 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
   setServiceCharge,
   onClickToVatCalculate
 }: CashReceiptHandWrittenIssuanceStep2Props) => {
+  const { t } = useTranslation();
+
   useSetOnBack(() => {
     setProcessStep(ProcessStep.One);
   });
-  
+
   return (
     <>
-      <h2 className="issue-title">발행 금액 입력</h2>
+      <h2 className="issue-title">{t('transaction.handWrittenIssuance.step2Title')}</h2>
 
       <div className="issue-form">
         <div className="issue-row">
-          <div className="issue-label">발행금액</div>
+          <div className="issue-label">{t('transaction.handWrittenIssuance.issueAmount')}</div>
           <div className="issue-field">
             <div className="seg-buttons">
               <NumericFormat
@@ -54,13 +57,13 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
                 className="btn-40 btn-white"
                 type="button"
                 onClick={ onClickToVatCalculate }
-              >VAT자동계산</button>
+              >{t('transaction.handWrittenIssuance.vatAutoCalc')}</button>
             </div>
           </div>
         </div>
 
         <div className="issue-row">
-          <div className="issue-label">공급가액</div>
+          <div className="issue-label">{t('transaction.fields.supplyAmount')}</div>
           <div className="issue-field">
             <NumericFormat
               value={ supplyAmount }
@@ -71,7 +74,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">VAT</div>
+          <div className="issue-label">{t('transaction.fields.vat')}</div>
           <div className="issue-field">
             <NumericFormat
               value={ vatAmount }
@@ -82,7 +85,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">면세금액</div>
+          <div className="issue-label">{t('transaction.fields.taxFreeAmount')}</div>
           <div className="issue-field">
             <NumericFormat
               value={ taxFreeAmount }
@@ -93,7 +96,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
           </div>
         </div>
         <div className="issue-row">
-          <div className="issue-label">봉사료</div>
+          <div className="issue-label">{t('transaction.fields.serviceAmount')}</div>
           <div className="issue-field">
             <NumericFormat
               value={ serviceCharge }
@@ -104,7 +107,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
           </div>
         </div>
         <div className="issue-note error">
-          발행금액은 공급가액 VAT,면세금액, 봉사료의 총합과 같아야 합니다.
+          {t('transaction.handWrittenIssuance.errorMessage')}
         </div>
       </div>
     </>
diff --git a/src/entities/transaction/ui/cash-receipt-list.tsx b/src/entities/transaction/ui/cash-receipt-list.tsx
index 785212f..1b5007c 100644
--- a/src/entities/transaction/ui/cash-receipt-list.tsx
+++ b/src/entities/transaction/ui/cash-receipt-list.tsx
@@ -2,12 +2,14 @@ import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { CashReceiptListProps } from '../model/types';
 import { ListDateGroup } from './list-date-group';
+import { useTranslation } from 'react-i18next';
 
-export const CashReceiptList = ({ 
+export const CashReceiptList = ({
   transactionCategory,
-  listItems 
+  listItems
 }: CashReceiptListProps) => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   
   const getListDateGroup = () => {
     let rs = [];
@@ -62,10 +64,10 @@ export const CashReceiptList = ({
       { getListDateGroup() }
       </div>
       <div className="apply-row">
-        <button 
+        <button
           className="btn-50 btn-blue flex-1"
-          onClick={ () => onClickToNavigate() }          
-        >수기발행</button>
+          onClick={ () => onClickToNavigate() }
+        >{ t('transaction.list.manualIssuance') }</button>
       </div>  
     </>
   );
diff --git a/src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx b/src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx
index 19cf6f3..3bc0b04 100644
--- a/src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx
+++ b/src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx
@@ -1,6 +1,7 @@
 import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from '@/entities/common/model/constant';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 
 export interface CashReceitPurposeUpdateBottomSheetProps {
   bottomSheetOn: boolean;
@@ -13,20 +14,21 @@ export const CashReceitPurposeUpdateBottomSheet = ({
   setBottomSheetOn,
   callPurposeUpdate
 }: CashReceitPurposeUpdateBottomSheetProps) => {
-  
+  const { t } = useTranslation();
+
   const onClickToClose = () => {
     setBottomSheetOn(false);
   };
   const onCliickToPurposeUpdate = () => {
     callPurposeUpdate();
   };
-  
+
   return (
     <>
       { (bottomSheetOn) &&
         <div className="bg-dim"></div>
       }
-      <motion.div 
+      <motion.div
         className="bottomsheet"
         initial="hidden"
         animate={ (bottomSheetOn)? 'visible': 'hidden' }
@@ -35,14 +37,14 @@ export const CashReceitPurposeUpdateBottomSheet = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>현금영수증 용도 변경 안내</h2>
+            <h2>{ t('transaction.bottomSheet.cashReceiptPurposeUpdate.title') }</h2>
             <button
               className="close-btn"
               type="button"
             >
-              <img 
+              <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt="닫기"
+                alt={ t('common.close') }
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -51,10 +53,10 @@ export const CashReceitPurposeUpdateBottomSheet = ({
 
         <div className="bottomsheet-content">
           <div className="bottom-section">
-            <p>현금영수증의 용도 변경 시 기존 발급 내역이 취소되며, 선택한 용도에 맞게 새로 발급됩니다. </p>
+            <p>{ t('transaction.bottomSheet.cashReceiptPurposeUpdate.description') } </p>
             <ul className="list-style-circle">
-              <li>지출증빙용 → 소득공제용</li>
-              <li>소득공제용 → 지출증빙용</li>
+              <li>{ t('transaction.bottomSheet.cashReceiptPurposeUpdate.expenseToIncome') }</li>
+              <li>{ t('transaction.bottomSheet.cashReceiptPurposeUpdate.incomeToExpense') }</li>
             </ul>
           </div>
         </div>
@@ -64,7 +66,7 @@ export const CashReceitPurposeUpdateBottomSheet = ({
             className="btn-50 btn-blue flex-1"
             type="button"
             onClick={ () => onCliickToPurposeUpdate() }
-          >신청</button>
+          >{ t('transaction.submit') }</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx b/src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx
index 380cde3..8a98b18 100644
--- a/src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx
+++ b/src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx
@@ -1,5 +1,6 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 
 export interface EscrowMailResendBottomSheetProps {
   setBottomSheetOn: (bottomSheetOn: boolean) => void;
@@ -12,6 +13,7 @@ export const EscrowMailResendBottomSheet = ({
   bottomSheetOn,
   callMailResend
 }: EscrowMailResendBottomSheetProps) => {
+  const { t } = useTranslation();
 
   const onClickToClose = () => {
     setBottomSheetOn(false);
@@ -30,7 +32,7 @@ export const EscrowMailResendBottomSheet = ({
       { (bottomSheetOn) &&
         <div className="bg-dim"></div>
       }
-      <motion.div 
+      <motion.div
         className="bottomsheet"
         initial="hidden"
         animate={ (bottomSheetOn)? 'visible': 'hidden' }
@@ -39,14 +41,14 @@ export const EscrowMailResendBottomSheet = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>이메일 주소를 선택하세요</h2>
+            <h2>{ t('transaction.bottomSheet.escrowMailResend.title') }</h2>
             <button
               className="close-btn"
               type="button"
             >
               <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt="닫기"
+                alt={ t('transaction.bottomSheet.escrowMailResend.close') }
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -60,24 +62,24 @@ export const EscrowMailResendBottomSheet = ({
                 <div className="mail-icon-bg"></div>
                 <img
                   src={ IMAGE_ROOT +'/ico_email.svg' }
-                  alt="메일"
+                  alt={ t('transaction.bottomSheet.escrowMailResend.mail') }
                 />
               </div>
-              <span className="label-text">메일로 받기</span>
+              <span className="label-text">{ t('transaction.bottomSheet.escrowMailResend.mailLabel') }</span>
             </div>
-              
+
             <div className="email-select">
               <div className="select-wrapper">
                 <select>
-                  <option>선택</option>
-                  <option>선택1</option>
-                  <option>선택2</option>
+                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }</option>
+                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }1</option>
+                  <option>{ t('transaction.bottomSheet.escrowMailResend.select') }2</option>
                 </select>
               </div>
             </div>
-              
+
             <div className="error-message">
-              <p>등록된 메일 정보가 없습니다.<br />이메일 인증정보를 사용자관리 메뉴에서 추가 후 신청하세요.</p>
+              <p>{ t('transaction.bottomSheet.escrowMailResend.errorNoEmail') }</p>
             </div>
           </div>
         </div>
@@ -87,7 +89,7 @@ export const EscrowMailResendBottomSheet = ({
             className="btn-50 btn-blue flex-1"
             type="button"
             onClick={ () => onClickToMailResend() }
-          >신청</button>
+          >{ t('transaction.submit') }</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index c1f8964..1211681 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/src/entities/transaction/ui/list-item.tsx
@@ -5,6 +5,7 @@ import { ListItemProps, TransactionCategory } from '../model/types';
 import moment from 'moment';
 import { useStore } from '@/shared/model/store';
 import { AllTracsactionStatusCode } from '../model/contant';
+import { useTranslation } from 'react-i18next';
 
 export const ListItem = ({
   transactionCategory,
@@ -12,12 +13,13 @@ export const ListItem = ({
   installmentMonth, serviceName, serviceCode,
   serviceDetailName, goodsAmount,
   amount, customerName, issueNumber, approvalNumber,
-  paymentMethod, processResult, transactionType, 
+  paymentMethod, processResult, transactionType,
   transactionDateTime, transactionAmount,
-  deliveryStatus, settlementStatus, 
+  deliveryStatus, settlementStatus,
   cancelStatus, billKey, orderNumber
 }: ListItemProps) => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   const getItemClass = () => {
     let rs = '';
     if(statusCode === '0'){
@@ -78,7 +80,7 @@ export const ListItem = ({
       });
     }
     else{
-      alert('pageType 이 존재하지 않습니다.');
+      alert(t('common.error'));
     }
   };
   
@@ -163,7 +165,7 @@ export const ListItem = ({
             (!!installmentMonth && parseInt(installmentMonth) > 1) && 
               <>
                 <span className="separator">|</span>
-                <span>{ installmentMonth }개월 할부</span>
+                <span>{ t('transaction.fields.installmentMonthly', { count: installmentMonth }) }</span>
               </>
           }
         </div>
@@ -196,7 +198,7 @@ export const ListItem = ({
             (!!installmentMonth && parseInt(installmentMonth) > 1) && 
               <>
                 <span className="separator">|</span>
-                <span>{ installmentMonth }개월 할부</span>
+                <span>{ t('transaction.fields.installmentMonthly', { count: installmentMonth }) }</span>
               </>
           }
         </div>
@@ -231,11 +233,11 @@ export const ListItem = ({
         </div>
         <div className="transaction-amount">
           <NumericFormat
-            value={ goodsAmount || amount || transactionAmount } 
+            value={ goodsAmount || amount || transactionAmount }
             thousandSeparator
             displayType="text"
-            suffix={ '원' }
-          ></NumericFormat> 
+            suffix={ t('home.currencyWon') }
+          ></NumericFormat>
         </div>
       </div>
     </>
diff --git a/src/entities/transaction/ui/section/all-transaction-cancel-section-bank-group.tsx b/src/entities/transaction/ui/section/all-transaction-cancel-section-bank-group.tsx
index bb65fe8..cf1e5c6 100644
--- a/src/entities/transaction/ui/section/all-transaction-cancel-section-bank-group.tsx
+++ b/src/entities/transaction/ui/section/all-transaction-cancel-section-bank-group.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { useStore } from "@/shared/model/store";
 import { ChangeEvent, useState } from "react";
 
@@ -17,6 +18,7 @@ export const AllTransactionCancelSectionBankGroup = ({
   accountHolder,
   setAccountHolder
 }: AllTransactionCancelSectionBankGroupProps ) => {
+  const { t } = useTranslation();
   let bankList = useStore.getState().CommonStore.virtualBankList;
   bankList = bankList.filter((value, index) => value.code1 !== '****');
   
@@ -37,14 +39,14 @@ export const AllTransactionCancelSectionBankGroup = ({
   return (
     <>
       <div className="form-group">
-        <label className="form-label">은행</label>
+        <label className="form-label">{t('transaction.fields.bank')}</label>
         <div className="input-wrapper wid-100">
-          <select 
+          <select
             className="wid-100 align-right"
             value={ bankCode }
             onChange={ (e: ChangeEvent<HTMLSelectElement>) => onChangeNewBankCode(e.target.value) }
           >
-            <option value="">선택</option>
+            <option value="">{t('transaction.cancel.bankGroup.select')}</option>
             { bankList.map((value, index) => (
                 <option value={ value.code1 }>{ value.desc1 }</option>
               ))
@@ -54,11 +56,11 @@ export const AllTransactionCancelSectionBankGroup = ({
       </div>
 
       <div className="form-group">
-        <label className="form-label">계좌번호</label>
+        <label className="form-label">{t('transaction.fields.accountNo')}</label>
         <div className="input-wrapper wid-100">
-          <input 
-            className="form-input wid-100" 
-            type="text" 
+          <input
+            className="form-input wid-100"
+            type="text"
             value={ newAccountNo }
             onChange={ (e: ChangeEvent<HTMLInputElement>) => onChangeNewAccountNo(e.target.value) }
           />
@@ -66,11 +68,11 @@ export const AllTransactionCancelSectionBankGroup = ({
       </div>
 
       <div className="form-group">
-        <label className="form-label">예금주</label>
+        <label className="form-label">{t('transaction.fields.accountHolder')}</label>
         <div className="input-wrapper wid-100">
-          <input 
-            className="form-input  wid-100" 
-            type="text" 
+          <input
+            className="form-input  wid-100"
+            type="text"
             value={ newAccountHolder }
             onChange={ (e: ChangeEvent<HTMLInputElement>) => onChangeNewAccountHolder(e.target.value) }
           />
@@ -78,7 +80,7 @@ export const AllTransactionCancelSectionBankGroup = ({
       </div>
 
       <div className="notice-text wid-100">
-        <p>환불은 입력한 계좌정보로 별도 확인 절차없이 지급됩니다.<br />입력 정보를 한번 더 확인해 주세요.</p>
+        <p>{t('transaction.cancel.bankGroup.notice')}</p>
       </div>
     </>
   );
diff --git a/src/entities/transaction/ui/section/all-transaction-cancel-section-password-group.tsx b/src/entities/transaction/ui/section/all-transaction-cancel-section-password-group.tsx
index f8c39dd..ff68d4a 100644
--- a/src/entities/transaction/ui/section/all-transaction-cancel-section-password-group.tsx
+++ b/src/entities/transaction/ui/section/all-transaction-cancel-section-password-group.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { ChangeEvent, useState } from "react";
 
 export interface AllTransactionCancelSectionPasswordGroupProps {
@@ -11,6 +12,7 @@ export const AllTransactionCancelSectionPasswordGroup = ({
   setCancelPassword,
   requestSuccess
 }: AllTransactionCancelSectionPasswordGroupProps) => {
+  const { t } = useTranslation();
 
   const [newCancelPassword, setNewCancelPassword] = useState<string>(cancelPassword);
   
@@ -21,18 +23,18 @@ export const AllTransactionCancelSectionPasswordGroup = ({
   return (
     <>
       <div className="form-group">
-        <label className="form-label">취소 비밀번호</label>
+        <label className="form-label">{t('transaction.cancel.passwordGroup.cancelPassword')}</label>
         <div className="input-wrapper wid-100 error">
-          <input 
-            className="wid-100 align-right" 
-            type="password" 
+          <input
+            className="wid-100 align-right"
+            type="password"
             value={ newCancelPassword }
             onChange={ (e: ChangeEvent<HTMLInputElement>) => onChangeNewCancelPassword(e.target.value) }
           />
         </div>
       </div>
       { !requestSuccess &&
-        <div className="error-msg">비밀번호 불일치</div>
+        <div className="error-msg">{t('transaction.cancel.passwordGroup.passwordMismatch')}</div>
       }
     </>
   );
diff --git a/src/entities/transaction/ui/section/amount-info-section.tsx b/src/entities/transaction/ui/section/amount-info-section.tsx
index d762e57..6951e3d 100644
--- a/src/entities/transaction/ui/section/amount-info-section.tsx
+++ b/src/entities/transaction/ui/section/amount-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { useDownloadConfirmationMutation } from '../../api/use-download-confirmation-mutation';
@@ -7,7 +8,7 @@ import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
 export const AmountInfoSection = ({
-  transactionCategory, 
+  transactionCategory,
   amountInfo,
   isOpen,
   tid,
@@ -15,23 +16,24 @@ export const AmountInfoSection = ({
   onClickToOpenInfo,
   canDownloadReceipt
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   const { mutateAsync: downloadConfirmation } = useDownloadConfirmationMutation();
   let newAmountInfo: Record<string, any> | undefined = amountInfo;
   const subItems: Record<string, Record<string, string>> = {
-    mid: {name: 'MID', type: 'string'}, 
-    transactionRequestAmount: {name: '거래요청금액', type: 'number'},
-    transactionAmount: {name: '거래금액', type: 'number'},
-    pointAmount: {name: '포인트금액', type: 'number'},
-    couponAmount: {name: '쿠폰금액', type: 'number'},
-    escrowFee: {name: '에스크로수수료', type: 'number'},
-    kakaoMoneyAmount: {name: '카카오머니', type: 'number'},
-    kakaoPointAmount: {name: '카카오포인트', type: 'number'},
-    kakaoDiscountAmount: {name: '카카오 즉시할인', type: 'number'},
-    naverPointAmount: {name: '네이버 포인트', type: 'number'},
-    tossMoneyAmount: {name: '토스머니', type: 'number'},
-    tossDiscountAmount: {name: '토스할인', type: 'number'},
-    paycoPointAmount: {name: '페이코포인트', type: 'number'},
-    paycoCouponAmount: {name: '페이코쿠폰', type: 'number'},
+    mid: {name: t('transaction.fields.mid'), type: 'string'},
+    transactionRequestAmount: {name: t('transaction.fields.transactionRequestAmount'), type: 'number'},
+    transactionAmount: {name: t('transaction.fields.transactionAmount'), type: 'number'},
+    pointAmount: {name: t('transaction.fields.pointAmount'), type: 'number'},
+    couponAmount: {name: t('transaction.fields.couponAmount'), type: 'number'},
+    escrowFee: {name: t('transaction.fields.escrowFee'), type: 'number'},
+    kakaoMoneyAmount: {name: t('transaction.fields.kakaoMoneyAmount'), type: 'number'},
+    kakaoPointAmount: {name: t('transaction.fields.kakaoPointAmount'), type: 'number'},
+    kakaoDiscountAmount: {name: t('transaction.fields.kakaoDiscountAmount'), type: 'number'},
+    naverPointAmount: {name: t('transaction.fields.naverPointAmount'), type: 'number'},
+    tossMoneyAmount: {name: t('transaction.fields.tossMoneyAmount'), type: 'number'},
+    tossDiscountAmount: {name: t('transaction.fields.tossDiscountAmount'), type: 'number'},
+    paycoPointAmount: {name: t('transaction.fields.paycoPointAmount'), type: 'number'},
+    paycoCouponAmount: {name: t('transaction.fields.paycoCouponAmount'), type: 'number'},
   };
  
   const openSubItems: Record<string, Array<string>> = {
@@ -134,13 +136,14 @@ export const AmountInfoSection = ({
         let k = openSubItems[serviceCode][i];
         if(!!k){
           let name = subItems[k]?.name;
-          
+
+
           if(serviceCode === '01'){
             if(k === 'transactionAmount'){
-              name = '신용카드금액'
+              name = t('transaction.fields.cardAmount')
             }
             if(k === 'transactionRequestAmount'){
-              name = '승인요청금액';
+              name = t('transaction.fields.approvalRequestAmount');
             }
           }
           
@@ -223,12 +226,12 @@ export const AmountInfoSection = ({
             }
             <span className="unit">원</span>
           </div>
-          <button 
-            className="chip-btn" 
+          <button
+            className="chip-btn"
             type="button"
             onClick={ () => onClickToSetShowInfo() }
           >
-            금액상세 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+            {t('transaction.sections.amountDetail')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
           </button>
         </div>
 
@@ -239,43 +242,43 @@ export const AmountInfoSection = ({
               { (transactionCategory === TransactionCategory.AllTransaction) && 
                 subLi() 
               }
-              { (transactionCategory === TransactionCategory.CashReceipt) && 
+              { (transactionCategory === TransactionCategory.CashReceipt) &&
                 <>
                   <li className="amount-item">
-                    <span className="label">·&nbsp;&nbsp;공급가액</span>
+                    <span className="label">·&nbsp;&nbsp;{t('transaction.fields.supplyAmount')}</span>
                     <span className="value">
                       <NumericFormat
-                        value={ amountInfo?.supplyAmount } 
+                        value={ amountInfo?.supplyAmount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                     </span>
                   </li>
                   <li className="amount-item">
-                    <span className="label">·&nbsp;&nbsp;VAT</span>
+                    <span className="label">·&nbsp;&nbsp;{t('transaction.fields.vat')}</span>
                     <span className="value">
                       <NumericFormat
-                        value={ amountInfo?.vat } 
+                        value={ amountInfo?.vat }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                     </span>
                   </li>
                   <li className="amount-item">
-                    <span className="label">·&nbsp;&nbsp;봉사료</span>
+                    <span className="label">·&nbsp;&nbsp;{t('transaction.fields.serviceAmount')}</span>
                     <span className="value">
                       <NumericFormat
-                        value={ amountInfo?.serviceAmount } 
+                        value={ amountInfo?.serviceAmount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                     </span>
                   </li>
                   <li className="amount-item">
-                    <span className="label">·&nbsp;&nbsp;면세금액</span>
+                    <span className="label">·&nbsp;&nbsp;{t('transaction.fields.taxFreeAmount')}</span>
                     <span className="value">
                       <NumericFormat
-                        value={ amountInfo?.taxFreeAmount } 
+                        value={ amountInfo?.taxFreeAmount }
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
@@ -283,47 +286,47 @@ export const AmountInfoSection = ({
                   </li>
                 </>
               }
-              { (transactionCategory === TransactionCategory.Escrow) && 
+              { (transactionCategory === TransactionCategory.Escrow) &&
                 <>
                   { (serviceCode === '02' || serviceCode === '03') &&
                     <li className="amount-item">
-                      <span className="label">·&nbsp;&nbsp;거래금액</span>
+                      <span className="label">·&nbsp;&nbsp;{t('transaction.fields.transactionAmount')}</span>
                       <span className="value">
                         <NumericFormat
-                          value={ amountInfo?.transactionAmount } 
+                          value={ amountInfo?.transactionAmount }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
                       </span>
                     </li>
                   }
-                  { (serviceCode === '01') && 
+                  { (serviceCode === '01') &&
                     <>
                       <li className="amount-item">
-                        <span className="label">·&nbsp;&nbsp;신용카드금액</span>
+                        <span className="label">·&nbsp;&nbsp;{t('transaction.fields.cardAmount')}</span>
                         <span className="value">
                           <NumericFormat
-                            value={ amountInfo?.cardAmount } 
+                            value={ amountInfo?.cardAmount }
                             thousandSeparator
                             displayType="text"
                           ></NumericFormat>
                         </span>
                       </li>
                       <li className="amount-item">
-                        <span className="label">·&nbsp;&nbsp;포인트금액</span>
+                        <span className="label">·&nbsp;&nbsp;{t('transaction.fields.pointAmount')}</span>
                         <span className="value">
                           <NumericFormat
-                            value={ amountInfo?.pointAmount } 
+                            value={ amountInfo?.pointAmount }
                             thousandSeparator
                             displayType="text"
                           ></NumericFormat>
                         </span>
                       </li>
                       <li className="amount-item">
-                        <span className="label">·&nbsp;&nbsp;쿠폰금액</span>
+                        <span className="label">·&nbsp;&nbsp;{t('transaction.fields.couponAmount')}</span>
                         <span className="value">
                           <NumericFormat
-                            value={ amountInfo?.couponAmount } 
+                            value={ amountInfo?.couponAmount }
                             thousandSeparator
                             displayType="text"
                           ></NumericFormat>
@@ -333,10 +336,10 @@ export const AmountInfoSection = ({
                   }
                   { (serviceCode === '01' || serviceCode === '02') &&
                     <li className="amount-item">
-                      <span className="label">·&nbsp;&nbsp;에스크로수수료</span>
+                      <span className="label">·&nbsp;&nbsp;{t('transaction.fields.escrowFee')}</span>
                       <span className="value">
                         <NumericFormat
-                          value={ amountInfo?.escrowFee } 
+                          value={ amountInfo?.escrowFee }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
@@ -348,30 +351,30 @@ export const AmountInfoSection = ({
                       { (amountInfo?.simplePaymentServiceCode === 'E016') &&
                         <>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;카카오머니</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.kakaoMoneyAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.multiPointAmount } 
+                                value={ amountInfo?.multiPointAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
                             </span>
                           </li>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;카카오포인트</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.kakaoPointAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.multiCouponAmount } 
+                                value={ amountInfo?.multiCouponAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
                             </span>
                           </li>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;카카오즉시할인</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.kakaoDiscountAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.kakaoDiscountAmount } 
+                                value={ amountInfo?.kakaoDiscountAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
@@ -381,10 +384,10 @@ export const AmountInfoSection = ({
                       }
                       { (amountInfo?.simplePaymentServiceCode === 'E020') &&
                         <li className="amount-item">
-                          <span className="label">·&nbsp;&nbsp;네이버포인트</span>
+                          <span className="label">·&nbsp;&nbsp;{t('transaction.fields.naverPointAmount')}</span>
                           <span className="value">
                             <NumericFormat
-                              value={ amountInfo?.multiPointAmount } 
+                              value={ amountInfo?.multiPointAmount }
                               thousandSeparator
                               displayType="text"
                             ></NumericFormat>
@@ -394,20 +397,20 @@ export const AmountInfoSection = ({
                       { (amountInfo?.simplePaymentServiceCode === 'E025') &&
                         <>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;토스머니</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.tossMoneyAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.multiPointAmount } 
+                                value={ amountInfo?.multiPointAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
                             </span>
                           </li>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;토스할인</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.tossDiscountAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.tossDiscountAmount } 
+                                value={ amountInfo?.tossDiscountAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
@@ -418,20 +421,20 @@ export const AmountInfoSection = ({
                       { (amountInfo?.simplePaymentServiceCode === 'E015') &&
                         <>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;페이코포인트</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.paycoPointAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.multiPointAmount } 
+                                value={ amountInfo?.multiPointAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
                             </span>
                           </li>
                           <li className="amount-item">
-                            <span className="label">·&nbsp;&nbsp;페이코쿠폰</span>
+                            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.paycoCouponAmount')}</span>
                             <span className="value">
                               <NumericFormat
-                                value={ amountInfo?.multiCouponAmount } 
+                                value={ amountInfo?.multiCouponAmount }
                                 thousandSeparator
                                 displayType="text"
                               ></NumericFormat>
@@ -460,13 +463,13 @@ export const AmountInfoSection = ({
         }
         <div className="txn-doc">
           {
-            (transactionCategory === TransactionCategory.CashReceipt) && 
+            (transactionCategory === TransactionCategory.CashReceipt) &&
             !!canDownloadReceipt &&
-            <button 
-              className="doc-btn" 
+            <button
+              className="doc-btn"
               type="button"
               onClick={ () => onClickToDownloadConfirmation() }
-            >거래 확인서</button>
+            >{t('transaction.fields.transactionConfirmation')}</button>
           }
         </div>
       </div>
diff --git a/src/entities/transaction/ui/section/billing-info-section.tsx b/src/entities/transaction/ui/section/billing-info-section.tsx
index 75d6dd2..ba30094 100644
--- a/src/entities/transaction/ui/section/billing-info-section.tsx
+++ b/src/entities/transaction/ui/section/billing-info-section.tsx
@@ -1,32 +1,34 @@
 import moment from 'moment';
 import { InfoSectionProps } from '../../model/types';
+import { useTranslation } from 'react-i18next';
 
 export const BillingInfoSection = ({
   billingInfo,
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
 
   const getInstallmentMonth = () => {
     let rs = [];
     if((!!billingInfo?.installmentMonth && parseInt(billingInfo?.installmentMonth) > 1)){
       rs.push(
-        <li 
+        <li
           key={ `key-installmentMonth`}
           className="kv-row"
         >
-          <span className="k">할부개월</span>
-          <span className="v">{ billingInfo?.installmentMonth }개월 할부</span>
-        </li> 
+          <span className="k">{ t('transaction.fields.installmentMonth') }</span>
+          <span className="v">{ t('transaction.fields.installmentMonthly', { count: billingInfo?.installmentMonth }) }</span>
+        </li>
       );
     }
     else{
       rs.push(
-        <li 
+        <li
           key={ `key-installmentMonth`}
           className="kv-row"
         >
-          <span className="k">할부개월</span>
-          <span className="v">일시불</span>
-        </li> 
+          <span className="k">{ t('transaction.fields.installmentMonth') }</span>
+          <span className="v">{ t('transaction.fields.lumpSum') }</span>
+        </li>
       );
     }
     return rs;
@@ -34,43 +36,43 @@ export const BillingInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">중요 정보</div>
+        <div className="section-title">{ t('transaction.sections.importantInfo') }</div>
         <ul className="kv-list">
           <li className="kv-row">
-            <span className="k">빌키</span>
+            <span className="k">{ t('transaction.fields.billKey') }</span>
             <span className="v">{ billingInfo?.billKey }</span>
           </li>
           <li className="kv-row">
-            <span className="k">TID</span>
+            <span className="k">{ t('transaction.fields.tid') }</span>
             <span className="v">{ billingInfo?.tid }</span>
           </li>
           <li className="kv-row">
-            <span className="k">주분번호</span>
+            <span className="k">{ t('transaction.fields.orderNumber') }</span>
             <span className="v">{ billingInfo?.orderNumber }</span>
           </li>
           <li className="kv-row">
-            <span className="k">승인번호</span>
+            <span className="k">{ t('transaction.fields.approvalNumber') }</span>
             <span className="v">{ billingInfo?.approvalNumber }</span>
           </li>
           <li className="kv-row">
-            <span className="k">승인일자</span>
+            <span className="k">{ t('transaction.fields.approvalDate') }</span>
             <span className="v">{ moment(billingInfo?.approvalDate).format('YYYY.MM.DD') }</span>
           </li>
           <li className="kv-row">
-            <span className="k">요청상태</span>
+            <span className="k">{ t('transaction.fields.requestStatus') }</span>
             <span className="v">{ billingInfo?.requestStatus }</span>
           </li>
           <li className="kv-row">
-            <span className="k">처리결과</span>
+            <span className="k">{ t('transaction.fields.processResult') }</span>
             <span className="v">{ billingInfo?.processResult }</span>
           </li>
           { getInstallmentMonth() }
           <li className="kv-row">
-            <span className="k">상품명</span>
+            <span className="k">{ t('transaction.fields.productName') }</span>
             <span className="v">{ billingInfo?.productName }</span>
           </li>
           <li className="kv-row">
-            <span className="k">구매자</span>
+            <span className="k">{ t('transaction.fields.buyer') }</span>
             <span className="v">{ billingInfo?.buyerName }</span>
           </li>
         </ul>
diff --git a/src/entities/transaction/ui/section/detail-info-section.tsx b/src/entities/transaction/ui/section/detail-info-section.tsx
index 5cde6ab..dd6f7c5 100644
--- a/src/entities/transaction/ui/section/detail-info-section.tsx
+++ b/src/entities/transaction/ui/section/detail-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
@@ -10,6 +11,7 @@ export const DetailInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
@@ -20,49 +22,49 @@ export const DetailInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          상세 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.detailInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
           <ul className="kv-list">
             <li className="kv-row">
-              <span className="k">취소일자</span>
+              <span className="k">{t('transaction.fields.cancelDate')}</span>
               <span className="v">{ detailInfo?.cancelDate? moment(detailInfo?.cancelDate).format('YYYY.MM.DD'): '' }</span>
             </li>
             <li className="kv-row">
-              <span className="k">취소승인번호</span>
+              <span className="k">{t('transaction.fields.cancelApprovalNumber')}</span>
               <span className="v">{ detailInfo?.cancelApprovalNumber }</span>
             </li>
             <li className="kv-row">
-              <span className="k">현금영수증</span>
+              <span className="k">{t('transaction.fields.receiptInfo')}</span>
               <span className="v">{ detailInfo?.receiptInfo }</span>
             </li>
             <li className="kv-row">
-              <span className="k">TID</span>
+              <span className="k">{t('transaction.fields.tid')}</span>
               <span className="v">{ detailInfo?.tid }</span>
             </li>
             <li className="kv-row">
-              <span className="k">거래ID</span>
+              <span className="k">{t('transaction.fields.transactionId')}</span>
               <span className="v">{ detailInfo?.merchantTid }</span>
             </li>
             <li className="kv-row">
-              <span className="k">서브몰명</span>
+              <span className="k">{t('transaction.fields.subMallName')}</span>
               <span className="v">{ detailInfo?.subMallName }</span>
             </li>
             <li className="kv-row">
-              <span className="k">서브몰 사업자 번호</span>
+              <span className="k">{t('transaction.fields.subMallBusinessNumber')}</span>
               <span className="v">{ detailInfo?.subMallBusinessNumber }</span>
             </li>
             <li className="kv-row">
-              <span className="k">발행경로</span>
+              <span className="k">{t('transaction.fields.issueChannel')}</span>
               <span className="v">{ detailInfo?.issueChannel }</span>
             </li>
             <li className="kv-row">
-              <span className="k">실패사유</span>
+              <span className="k">{t('transaction.fields.failureReason')}</span>
               <span className="v">{ detailInfo?.failureReason }</span>
             </li>
           </ul>
diff --git a/src/entities/transaction/ui/section/escrow-info-section.tsx b/src/entities/transaction/ui/section/escrow-info-section.tsx
index 2a0060c..3c90e88 100644
--- a/src/entities/transaction/ui/section/escrow-info-section.tsx
+++ b/src/entities/transaction/ui/section/escrow-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
@@ -9,6 +10,7 @@ export const EscrowInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
@@ -19,53 +21,53 @@ export const EscrowInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          에스크로 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.escrowInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
           <ul className="kv-list">
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;배송상태</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.deliveryStatus')}</span>
               <span className="v">{ escrowInfo?.deliveryStatus }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;배송등록</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.deliveryRegistration')}</span>
               <span className="v">{ escrowInfo?.deliveryRegistrationDate? moment(escrowInfo?.deliveryRegistrationDate).format('YYYY.MM.DD'): '' }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;배송완료</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.deliveryComplete')}</span>
               <span className="v">{ escrowInfo?.deliveryCompleteDate? moment(escrowInfo?.deliveryCompleteDate).format('YYYY.MM.DD'): '' }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;구매확인</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.purchaseConfirm')}</span>
               <span className="v">{ escrowInfo?.purchaseConfirmDate? moment(escrowInfo?.purchaseConfirmDate).format('YYYY.MM.DD'): '' }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;구매거절</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.purchaseReject')}</span>
               <span className="v">{ escrowInfo?.purchaseRejectReason }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;거절사유</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.rejectReason')}</span>
               <span className="v">{ escrowInfo?.rejectReason }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;에스크로인증번호</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.escrowCertNumber')}</span>
               <span className="v">{ escrowInfo?.escrowCertNumber }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;택배사</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.deliveryCompany')}</span>
               <span className="v">{ escrowInfo?.deliveryCompany }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;운송장번호</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.trackingNumber')}</span>
               <span className="v">{ escrowInfo?.trackingNumber }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;배송주소</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.deliveryAddress')}</span>
               <span className="v">{ escrowInfo?.deliveryAddress }</span>
             </li>
           </ul>
diff --git a/src/entities/transaction/ui/section/important-info-section.tsx b/src/entities/transaction/ui/section/important-info-section.tsx
index c694f31..2c606d2 100644
--- a/src/entities/transaction/ui/section/important-info-section.tsx
+++ b/src/entities/transaction/ui/section/important-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { NumericFormat } from 'react-number-format';
 import { InfoSectionProps, TransactionCategory } from '../../model/types';
 import { useStore } from '@/shared/model/store';
@@ -9,6 +10,7 @@ export const ImportantInfoSection = ({
   importantInfo,
   serviceCode
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   let serviceCodes = useStore.getState().CommonStore.serviceCodes;
   let serviceName = '';
   let statusName = '';
@@ -60,15 +62,15 @@ export const ImportantInfoSection = ({
   }
 
   const subItems: Record<string, Record<string, string>> = {
-    moid: {name: '주문번호', type: 'string'},
-    tid: {name: 'TID', type: 'string'},
-    statusName: {name: '거래상태', type: 'string'},
-    serviceName: {name: '거래수단', type: 'string'},
-    approvalDate: {name: '승인일', type: 'date'},
-    transactionDate: {name: '거래일', type: 'date'},
-    requestDate: {name: '요청일', type: 'date'},
-    cancelDate: {name: '취소일', type: 'date'},
-    goodsName: {name: '상품명', type: 'string'}
+    moid: {name: t('transaction.fields.orderNumber'), type: 'string'},
+    tid: {name: t('transaction.fields.tid'), type: 'string'},
+    statusName: {name: t('transaction.fields.transactionStatus'), type: 'string'},
+    serviceName: {name: t('transaction.fields.transactionMethod'), type: 'string'},
+    approvalDate: {name: t('transaction.fields.approvalDay'), type: 'date'},
+    transactionDate: {name: t('filter.date'), type: 'date'},
+    requestDate: {name: t('filter.date'), type: 'date'},
+    cancelDate: {name: t('transaction.fields.cancelDate'), type: 'date'},
+    goodsName: {name: t('transaction.fields.productName'), type: 'string'}
   };
   
   const openSubItems: Record<string, Array<string>> = {
@@ -146,54 +148,54 @@ export const ImportantInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">중요 정보</div>
+        <div className="section-title">{t('transaction.sections.importantInfo')}</div>
         <ul className="kv-list">
-          { (transactionCategory === TransactionCategory.AllTransaction) && 
+          { (transactionCategory === TransactionCategory.AllTransaction) &&
             subLi()
           }
-          { 
-          (transactionCategory === TransactionCategory.Escrow) && 
+          {
+          (transactionCategory === TransactionCategory.Escrow) &&
             <>
               <li className="kv-row">
-                <span className="k">주문번호</span>
+                <span className="k">{t('transaction.fields.orderNumber')}</span>
                 <span className="v">{ importantInfo?.orderNumber }</span>
               </li>
               <li className="kv-row">
-                <span className="k">TID</span>
+                <span className="k">{t('transaction.fields.tid')}</span>
                 <span className="v">{ importantInfo?.tid }</span>
               </li>
               <li className="kv-row">
-                <span className="k">거래상태</span>
+                <span className="k">{t('transaction.fields.transactionStatus')}</span>
                 <span className="v">{ importantInfo?.transactionStatus }</span>
               </li>
               <li className="kv-row">
-                <span className="k">거래수단</span>
+                <span className="k">{t('transaction.fields.transactionMethod')}</span>
                 <span className="v">{ importantInfo?.paymentMethod }</span>
               </li>
               { serviceCode === '01' &&
                 <li className="kv-row">
-                  <span className="k">승인일</span>
+                  <span className="k">{t('transaction.fields.approvalDay')}</span>
                   <span className="v">{ importantInfo?.approvalDate? moment(importantInfo?.approvalDate).format('YYYY-MM-DD'): '' }</span>
                 </li>
               }
               { serviceCode === '02' &&
                 <li className="kv-row">
-                  <span className="k">거래일</span>
+                  <span className="k">{t('filter.date')}</span>
                   <span className="v">{ importantInfo?.approvalDate? moment(importantInfo?.approvalDate).format('YYYY-MM-DD'): '' }</span>
                 </li>
               }
-              { serviceCode === '03' && 
+              { serviceCode === '03' &&
                 <li className="kv-row">
-                  <span className="k">요청일</span>
+                  <span className="k">{t('filter.date')}</span>
                   <span className="v">{ importantInfo?.approvalDate? moment(importantInfo?.approvalDate).format('YYYY-MM-DD'): '' }</span>
                 </li>
               }
               <li className="kv-row">
-                <span className="k">취소일</span>
+                <span className="k">{t('transaction.fields.cancelDate')}</span>
                 <span className="v">{ importantInfo?.cancelDate? moment(importantInfo?.cancelDate).format('YYYY-MM-DD'): '' }</span>
               </li>
               <li className="kv-row">
-                <span className="k">상품명</span>
+                <span className="k">{t('transaction.fields.productName')}</span>
                 <span className="v">{ importantInfo?.productName }</span>
               </li>
             </>
diff --git a/src/entities/transaction/ui/section/issue-info-section.tsx b/src/entities/transaction/ui/section/issue-info-section.tsx
index b711e58..cd4031e 100644
--- a/src/entities/transaction/ui/section/issue-info-section.tsx
+++ b/src/entities/transaction/ui/section/issue-info-section.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { InfoSectionProps } from '../../model/types';
 import moment from 'moment';
 import { useEffect, useState } from 'react';
@@ -7,6 +8,7 @@ export const IssueInfoSection = ({
   issueInfo,
   purposeType,
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   const [issueDateTime, setIssueDateTime] = useState<string>('');
 
   useEffect(() => {
@@ -22,38 +24,38 @@ export const IssueInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div className="section-title">발급 정보</div>
+        <div className="section-title">{t('transaction.sections.issueInfo')}</div>
         <ul className="kv-list">
           <li className="kv-row">
-            <span className="k">승인번호</span>
+            <span className="k">{t('transaction.fields.approvalNumber')}</span>
             <span className="v">{ issueInfo?.approvalNumber }</span>
           </li>
           <li className="kv-row">
-            <span className="k">발행번호</span>
+            <span className="k">{t('transaction.fields.issueNumber')}</span>
             <span className="v">{ issueInfo?.issueNumber }</span>
           </li>
           <li className="kv-row">
-            <span className="k">발행일시</span>
+            <span className="k">{t('transaction.fields.issueDateTime')}</span>
             <span className="v">{ moment(issueDateTime).format('YYYY.MM.DD HH:mm:ss') }</span>
           </li>
           <li className="kv-row">
-            <span className="k">용도</span>
+            <span className="k">{t('transaction.fields.purpose')}</span>
             <span className="v">{ issueInfo?.purpose }</span>
           </li>
           <li className="kv-row">
-            <span className="k">결제수단</span>
+            <span className="k">{t('transaction.fields.paymentMethod')}</span>
             <span className="v">{ issueInfo?.paymentMethod }</span>
           </li>
           <li className="kv-row">
-            <span className="k">상품명</span>
+            <span className="k">{t('transaction.fields.productName')}</span>
             <span className="v">{ issueInfo?.productName }</span>
           </li>
           <li className="kv-row">
-            <span className="k">진행상태</span>
+            <span className="k">{t('transaction.fields.processResult')}</span>
             <span className="v">{ issueInfo?.processResult }</span>
           </li>
           <li className="kv-row">
-            <span className="k">거래구분</span>
+            <span className="k">{t('transaction.fields.transactionType')}</span>
             <span className="v">{ issueInfo?.transactionType }</span>
           </li>
         </ul>
diff --git a/src/entities/transaction/ui/section/merchant-info-section.tsx b/src/entities/transaction/ui/section/merchant-info-section.tsx
index 18f9499..74d4cb4 100644
--- a/src/entities/transaction/ui/section/merchant-info-section.tsx
+++ b/src/entities/transaction/ui/section/merchant-info-section.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
@@ -8,6 +9,7 @@ export const MerchantInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
 
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
@@ -18,25 +20,25 @@ export const MerchantInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          상점 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.merchantInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
           <ul className="kv-list">
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;상호</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.companyName')}</span>
               <span className="v">{ merchantInfo?.companyName }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;GID</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.gid')}</span>
               <span className="v">{ merchantInfo?.gid }</span>
             </li>
             <li className="kv-row">
-              <span className="k">·&nbsp;&nbsp;AID</span>
+              <span className="k">·&nbsp;&nbsp;{t('transaction.fields.aid')}</span>
               <span className="v">{ merchantInfo?.aid }</span>
             </li>
           </ul>
diff --git a/src/entities/transaction/ui/section/part-cancel-info-section.tsx b/src/entities/transaction/ui/section/part-cancel-info-section.tsx
index c3ed024..075bd7b 100644
--- a/src/entities/transaction/ui/section/part-cancel-info-section.tsx
+++ b/src/entities/transaction/ui/section/part-cancel-info-section.tsx
@@ -4,6 +4,7 @@ import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
+import { useTranslation } from 'react-i18next';
 
 export const PartCancelInfoSection = ({
   transactionCategory,
@@ -12,13 +13,14 @@ export const PartCancelInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
   
   const subItems: Record<string, Record<string, string>> = {
-    originalTid: {name: '원거래 TID', type: 'string'},
-    originalAmount: {name: '원거래 금액', type: 'number'},
-    partCancelTid: {name: (serviceCode === '05')? '재승인 TID': '부분취소 TID', type: 'string'},
-    partCancelAmount: {name: '부분취소 금액', type: 'number'},
-    remainingAmount: {name: (serviceCode === '05')? '재승인 금액': '부분취소 후 잔액', type: 'number'},
+    originalTid: {name: t('transaction.fields.originalTid'), type: 'string'},
+    originalAmount: {name: t('transaction.fields.originalAmount'), type: 'number'},
+    partCancelTid: {name: (serviceCode === '05')? t('transaction.fields.reApprovalTid'): t('transaction.fields.partCancelTid'), type: 'string'},
+    partCancelAmount: {name: t('transaction.fields.partCancelAmount'), type: 'number'},
+    remainingAmount: {name: (serviceCode === '05')? t('transaction.fields.reApprovalAmount'): t('transaction.fields.remainingAmount'), type: 'number'},
   };
   
   const openSubItems: Record<string, Array<string>> = {
@@ -101,11 +103,11 @@ export const PartCancelInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          부분취소 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          { t('transaction.sections.partCancelInfo') } <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
@@ -114,7 +116,7 @@ export const PartCancelInfoSection = ({
           </ul>
         }
         </SlideDown>
-       
+
       </div>
     </>
   )
diff --git a/src/entities/transaction/ui/section/payment-info-section.tsx b/src/entities/transaction/ui/section/payment-info-section.tsx
index 0cc5c83..8bab98c 100644
--- a/src/entities/transaction/ui/section/payment-info-section.tsx
+++ b/src/entities/transaction/ui/section/payment-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
 import { NumericFormat } from 'react-number-format';
@@ -12,45 +13,46 @@ export const PaymentInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
 
   const subItems: Record<string, Record<string, string>> = {
-    approvalPurchase: {name: '승인매입', type: 'string'},
-    approvalRejectCount: {name: '승인반송(횟수)', type: 'number', addString: '건'},
-    approvalRepurchaseCount: {name: '승인재매입(횟수)', type: 'number', addString: '건'},
-    approvalVAN: {name: '승인VAN', type: 'string'},
-    cancelPurchase: {name: '취소매입', type: 'string'},
-    cancelRejectCount: {name: '취소반송', type: 'number', addString: '건'},
-    cancelRepurchaseCount: {name: '취소재매입', type: 'number', addString: '건'},
-    purchaseVan: {name: '매입VAN', type: 'string'},
-    purchaseCompany: {name: '매입사(발급사)', type: 'string'},
-    cardNo: {name: '카드번호', type: 'string'},
-    approvalNo: {name: '승인번호', type: 'string'},
-    installmentMonth: {name: '할부기간', type: 'string', addString: '개월'},
-    authentication: {name: '인증', type: 'string'},
+    approvalPurchase: {name: t('transaction.fields.approvalPurchase'), type: 'string'},
+    approvalRejectCount: {name: t('transaction.fields.approvalRejectCount'), type: 'number', addString: '건'},
+    approvalRepurchaseCount: {name: t('transaction.fields.approvalRepurchaseCount'), type: 'number', addString: '건'},
+    approvalVAN: {name: t('transaction.fields.approvalVAN'), type: 'string'},
+    cancelPurchase: {name: t('transaction.fields.cancelPurchase'), type: 'string'},
+    cancelRejectCount: {name: t('transaction.fields.cancelRejectCount'), type: 'number', addString: '건'},
+    cancelRepurchaseCount: {name: t('transaction.fields.cancelRepurchaseCount'), type: 'number', addString: '건'},
+    purchaseVan: {name: t('transaction.fields.purchaseVan'), type: 'string'},
+    purchaseCompany: {name: t('transaction.fields.purchaseCompany'), type: 'string'},
+    cardNo: {name: t('transaction.fields.cardNo'), type: 'string'},
+    approvalNo: {name: t('transaction.fields.approvalNo'), type: 'string'},
+    installmentMonth: {name: t('transaction.fields.installmentPeriod'), type: 'string', addString: '개월'},
+    authentication: {name: t('transaction.fields.authentication'), type: 'string'},
 
-    joinType: {name: '유형', type: 'string'},
-    bankName: {name: '은행명', type: 'string'},
-    accountNo: {name: '계좌번호', type: 'string'},
-    refundCompleteDate: {name: '환불완료일', type: 'string'},
-    customerId: {name: '고객ID', type: 'string'},
-    
-    culturelandId: {name: '컬처랜드ID', type: 'string'},
+    joinType: {name: t('transaction.fields.joinType'), type: 'string'},
+    bankName: {name: t('transaction.fields.bankName'), type: 'string'},
+    accountNo: {name: t('transaction.fields.accountNo'), type: 'string'},
+    refundCompleteDate: {name: t('transaction.fields.refundCompleteDate'), type: 'string'},
+    customerId: {name: t('transaction.fields.customerId'), type: 'string'},
 
-    partner: {name: '제휴사', type: 'string'},
-    cpid: {name: 'CPID', type: 'string'},
-    goodsCategory: {name: '상품구분', type: 'string'},
-    cellphoneNo: {name: '휴대폰번호', type: 'string'},
+    culturelandId: {name: t('transaction.fields.culturelandId'), type: 'string'},
 
-    giftCardNumber: {name: '상품권번호', type: 'string'},
+    partner: {name: t('transaction.fields.partner'), type: 'string'},
+    cpid: {name: t('transaction.fields.cpid'), type: 'string'},
+    goodsCategory: {name: t('transaction.fields.goodsCategory'), type: 'string'},
+    cellphoneNo: {name: t('transaction.fields.cellphoneNo'), type: 'string'},
 
-    depositBankName: {name: '입금금융기관명', type: 'string'},
-    depositorName: {name: '입금자명', type: 'string'},
-    depositDeadline: {name: '입금기한', type: 'date'},
-    depositDate: {name: '입금일', type: 'date'},
-    refundScheduleDate: {name: '환불예정일', type: 'date'},
-    refundBankName: {name: '환불은행명', type: 'string'},
-    refundAccountNo: {name: '환불계좌번호', type: 'string'},
-    accountHolder: {name: '예금주', type: 'string'},
+    giftCardNumber: {name: t('transaction.fields.giftCardNumber'), type: 'string'},
+
+    depositBankName: {name: t('transaction.fields.depositBankName'), type: 'string'},
+    depositorName: {name: t('transaction.fields.depositorName'), type: 'string'},
+    depositDeadline: {name: t('transaction.fields.depositDeadline'), type: 'date'},
+    depositDate: {name: t('transaction.fields.depositDate'), type: 'date'},
+    refundScheduleDate: {name: t('transaction.fields.refundScheduleDate'), type: 'date'},
+    refundBankName: {name: t('transaction.fields.refundBankName'), type: 'string'},
+    refundAccountNo: {name: t('transaction.fields.refundAccountNo'), type: 'string'},
+    accountHolder: {name: t('transaction.fields.accountHolder'), type: 'string'},
   };
 
   const openSubItems: Record<string, Array<string>> = {
@@ -99,7 +101,7 @@ export const PaymentInfoSection = ({
               <span className="v">
               { (checkValue(newPaymentInfo[k]) && subItems[k]?.type === 'string') &&
                 (k === 'installmentMonth' && newPaymentInfo[k] === '00') &&
-                  '일시불'
+                  t('transaction.fields.lumpSum')
               }
               { (checkValue(newPaymentInfo[k]) && subItems[k]?.type === 'string') &&
                 (k === 'installmentMonth' && newPaymentInfo[k] !== '00') &&
@@ -138,11 +140,11 @@ export const PaymentInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          결제 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.paymentInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
@@ -152,82 +154,82 @@ export const PaymentInfoSection = ({
             }
             { (transactionCategory === TransactionCategory.Escrow) && 
               <>
-                { (serviceCode === '01') && 
+                { (serviceCode === '01') &&
                   <>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;승인매입일</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalPurchaseDate')}</span>
                       <span className="v">{ paymentInfo?.approvalPurchase? moment(paymentInfo?.approvalPurchase).format('YYYY-MM-DD'): '' }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;승인반송(횟수)</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalRejectCount')}</span>
                       <span className="v">
                         <NumericFormat
-                          value={ paymentInfo?.approvalRejectCount } 
+                          value={ paymentInfo?.approvalRejectCount }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
                       </span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;승인재매입(횟수)</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalRepurchaseCount')}</span>
                       <span className="v">
                         <NumericFormat
-                          value={ paymentInfo?.approvalRepurchaseCount } 
+                          value={ paymentInfo?.approvalRepurchaseCount }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
                       </span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;승인VAN</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalVAN')}</span>
                       <span className="v">{ paymentInfo?.approvalVAN }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;취소매입</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelPurchaseDate')}</span>
                       <span className="v">{ paymentInfo?.cancelPurchase? moment(paymentInfo?.cancelPurchase).format('YYYY-MM-DD'): '' }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;취소반송(횟수)</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelRejectCount')}</span>
                       <span className="v">
                         <NumericFormat
-                          value={ paymentInfo?.cancelRejectCount } 
+                          value={ paymentInfo?.cancelRejectCount }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
                       </span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;취소재매입(횟수)</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelRepurchaseCount')}</span>
                       <span className="v">
                         <NumericFormat
-                          value={ paymentInfo?.cancelRepurchaseCount } 
+                          value={ paymentInfo?.cancelRepurchaseCount }
                           thousandSeparator
                           displayType="text"
                         ></NumericFormat>
                       </span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;매입VAN</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.purchaseVan')}</span>
                       <span className="v">{ paymentInfo?.purchaseVan }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;매입사(발급사)</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.purchaseCompany')}</span>
                       <span className="v">{ paymentInfo?.purchaseCompany }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;카드번호</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cardNo')}</span>
                       <span className="v">{ paymentInfo?.cardNo }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;승인번호</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalNo')}</span>
                       <span className="v">{ paymentInfo?.approvalNo }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;할부기간</span>
-                      <span className="v">{ (paymentInfo?.installmentMonth === '00')? '일시불': paymentInfo?.installmentMonth }</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.installmentPeriod')}</span>
+                      <span className="v">{ (paymentInfo?.installmentMonth === '00')? t('transaction.fields.lumpSum'): paymentInfo?.installmentMonth }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;인증</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.authentication')}</span>
                       <span className="v">{ paymentInfo?.authentication }</span>
                     </li>
                   </>
@@ -235,7 +237,7 @@ export const PaymentInfoSection = ({
                 { (serviceCode === '02') &&
                   <>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;유형</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.joinType')}</span>
                       <span className="v">{ paymentInfo?.joinType  }</span>
                     </li>
                   </>
@@ -243,43 +245,43 @@ export const PaymentInfoSection = ({
                 { (serviceCode === '02' || serviceCode === '03') &&
                   <>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;은행명</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.bankName')}</span>
                       <span className="v">{ paymentInfo?.bankName || paymentInfo?.depositBankName }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;계좌번호</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.accountNo')}</span>
                       <span className="v">{ paymentInfo?.accountNo || paymentInfo?.virtualAccountNo }</span>
                     </li>
                   </>
                 }
-                { (serviceCode === '03') && 
+                { (serviceCode === '03') &&
                   <>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;입금자명</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.depositorName')}</span>
                       <span className="v">{ paymentInfo?.depositorName }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;입금기한</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.depositDeadline')}</span>
                       <span className="v">{ paymentInfo?.depositDeadline? moment(paymentInfo?.depositDeadline).format('YYYY-MM-DD'): '' }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;입금일</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.depositDate')}</span>
                       <span className="v">{ paymentInfo?.depositDate? moment(paymentInfo?.depositDate).format('YYYY-MM-DD'): '' }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;환불예정일</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.refundScheduleDate')}</span>
                       <span className="v">{ paymentInfo?.refundScheduleDate? moment(paymentInfo?.refundScheduleDate).format('YYYY-MM-DD'): '' }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;환불은행명</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.refundBankName')}</span>
                       <span className="v">{ paymentInfo?.refundBankName }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;환불계좌번호</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.refundAccountNo')}</span>
                       <span className="v">{ paymentInfo?.refundAccountNo }</span>
                     </li>
                     <li className="kv-row">
-                      <span className="k">·&nbsp;&nbsp;예금주</span>
+                      <span className="k">·&nbsp;&nbsp;{t('transaction.fields.accountHolder')}</span>
                       <span className="v">{ paymentInfo?.accountHolder }</span>
                     </li>
                   </>
diff --git a/src/entities/transaction/ui/section/settlement-info-section.tsx b/src/entities/transaction/ui/section/settlement-info-section.tsx
index 94cfab3..8f06568 100644
--- a/src/entities/transaction/ui/section/settlement-info-section.tsx
+++ b/src/entities/transaction/ui/section/settlement-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
@@ -12,12 +13,13 @@ export const SettlementInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
-  
+  const { t } = useTranslation();
+
   const subItems: Record<string, Record<string, string>> = {
-    approvalSettlementDate: {name: '승인정산일', type: 'date'},
-    approvalSettlementAmount: {name: '승인정산금액', type: 'number'},
-    cancelSettlementDate: {name: '취소정산일', type: 'date'},
-    cancelSettlementAmount: {name: '취소정산금액', type: 'number'},
+    approvalSettlementDate: {name: t('transaction.fields.approvalSettlementDate'), type: 'date'},
+    approvalSettlementAmount: {name: t('transaction.fields.approvalSettlementAmount'), type: 'number'},
+    cancelSettlementDate: {name: t('transaction.fields.cancelSettlementDate'), type: 'date'},
+    cancelSettlementAmount: {name: t('transaction.fields.cancelSettlementAmount'), type: 'number'},
   };
 
   const openSubItems: Record<string, Array<string>> = {
@@ -100,30 +102,30 @@ export const SettlementInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          정산 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.settlementInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
-        
+
         <SlideDown className={'my-dropdown-slidedown'}>
         { !!isOpen &&
           <ul className="kv-list">
-          { (transactionCategory === TransactionCategory.AllTransaction) && 
+          { (transactionCategory === TransactionCategory.AllTransaction) &&
             subLi()
           }
-          { (transactionCategory === TransactionCategory.Escrow) && 
+          { (transactionCategory === TransactionCategory.Escrow) &&
             <>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;승인정산일</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalSettlementDate')}</span>
                 <span className="v">{ settlementInfo?.approvalSettlementDate? moment(settlementInfo?.approvalSettlementDate).format('YYYY.MM.DD'): '' }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;승인정산금액</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.approvalSettlementAmount')}</span>
                 <span className="v">
                   <NumericFormat
-                    value={ settlementInfo?.approvalSettlementAmount } 
+                    value={ settlementInfo?.approvalSettlementAmount }
                     thousandSeparator
                     displayType="text"
                     suffix='원'
@@ -131,14 +133,14 @@ export const SettlementInfoSection = ({
                 </span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;취소정산일</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelSettlementDate')}</span>
                 <span className="v">{ settlementInfo?.cancelSettlementDate? moment(settlementInfo?.cancelSettlementDate).format('YYYY.MM.DD'): '' }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;취소정산금액</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelSettlementAmount')}</span>
                 <span className="v">
                   <NumericFormat
-                    value={ settlementInfo?.cancelSettlementAmount } 
+                    value={ settlementInfo?.cancelSettlementAmount }
                     thousandSeparator
                     displayType="text"
                     suffix='원'
diff --git a/src/entities/transaction/ui/section/transaction-info-section.tsx b/src/entities/transaction/ui/section/transaction-info-section.tsx
index cf7cafb..f557e15 100644
--- a/src/entities/transaction/ui/section/transaction-info-section.tsx
+++ b/src/entities/transaction/ui/section/transaction-info-section.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
 import { NumericFormat } from 'react-number-format';
@@ -12,15 +13,16 @@ export const TransactionInfoSection = ({
   isOpen,
   onClickToOpenInfo
 }: InfoSectionProps) => {
+  const { t } = useTranslation();
 
   const subItems: Record<string, Record<string, string>> = {
-    buyerName: {name: '구매자명', type: 'string'},
-    buyerEmail: {name: '이메일', type: 'string'},
-    buyerTel: {name: '전화번호', type: 'string'},
-    cancelReason: {name: '취소사유', type: 'string'},
-    cancelRequestor: {name: '취소요청자', type: 'string'},
-    partialCancel: {name: '부분취소', type: 'string'},
-    cashReceiptIssue: {name: '현금영수증발행', type: 'string'},
+    buyerName: {name: t('transaction.fields.buyerName'), type: 'string'},
+    buyerEmail: {name: t('transaction.fields.buyerEmail'), type: 'string'},
+    buyerTel: {name: t('transaction.fields.buyerTel'), type: 'string'},
+    cancelReason: {name: t('transaction.fields.cancelReason'), type: 'string'},
+    cancelRequestor: {name: t('transaction.fields.cancelRequestor'), type: 'string'},
+    partialCancel: {name: t('transaction.fields.partialCancel'), type: 'string'},
+    cashReceiptIssue: {name: t('transaction.fields.cashReceiptIssue'), type: 'string'},
   };
 
   const openSubItems: Record<string, Array<string>> = {
@@ -106,47 +108,47 @@ export const TransactionInfoSection = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title with-toggle"
           onClick={ () => onClickToSetOpenInfo() }
         >
-          거래 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('transaction.sections.transactionInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
-        { !!isOpen &&  
+        { !!isOpen &&
           <ul className="kv-list">
-          { (transactionCategory === TransactionCategory.AllTransaction) && 
+          { (transactionCategory === TransactionCategory.AllTransaction) &&
             subLi()
           }
-          { (transactionCategory === TransactionCategory.Escrow) && 
+          { (transactionCategory === TransactionCategory.Escrow) &&
             <>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;구매자명</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.buyerName')}</span>
                 <span className="v">{ transactionInfo?.buyerName }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;이메일</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.buyerEmail')}</span>
                 <span className="v">{ transactionInfo?.buyerEmail }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;전화번호</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.buyerTel')}</span>
                 <span className="v">{ transactionInfo?.buyerTel }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;취소사유</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelReason')}</span>
                 <span className="v">{ transactionInfo?.cancelReason }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;취소요청자</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cancelRequestor')}</span>
                 <span className="v">{ transactionInfo?.cancelRequestor }</span>
               </li>
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;부분취소</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.partialCancel')}</span>
                 <span className="v">{ transactionInfo?.partialCancel }</span>
               </li>
               { (serviceCode === '02' || serviceCode === '03') &&
               <li className="kv-row">
-                <span className="k">·&nbsp;&nbsp;현금영수증발행</span>
+                <span className="k">·&nbsp;&nbsp;{t('transaction.fields.cashReceiptIssue')}</span>
                 <span className="v">{ transactionInfo?.cashReceiptIssue }</span>
               </li>
               }
diff --git a/src/locales/en.json b/src/locales/en.json
index 50b27b6..1aa00a5 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -358,7 +358,214 @@
         "searchOptions": "Search Options",
         "download": "Download",
         "cancelTransaction": "Cancel Transaction",
-        "confirmCancel": "Do you want to cancel this transaction?"
+        "confirmCancel": "Do you want to cancel this transaction?",
+        "bottomSheet": {
+            "escrowMailResend": {
+                "title": "Select Email Address",
+                "close": "Close",
+                "mailLabel": "Receive by Email",
+                "mail": "Mail",
+                "select": "Select",
+                "errorNoEmail": "No registered email information.\nPlease add email authentication information from the user management menu before applying."
+            },
+            "cashReceiptPurposeUpdate": {
+                "title": "Cash Receipt Purpose Change Notice",
+                "description": "When changing the purpose of a cash receipt, the existing issuance record will be cancelled and a new one will be issued according to the selected purpose.",
+                "expenseProof": "Expense Proof",
+                "incomeDeduction": "Income Deduction",
+                "expenseToIncome": "Expense Proof → Income Deduction",
+                "incomeToExpense": "Income Deduction → Expense Proof"
+            }
+        },
+        "sections": {
+            "importantInfo": "Important Information",
+            "billingInfo": "Billing Information",
+            "partCancelInfo": "Partial Cancel Information",
+            "detailInfo": "Detail Information",
+            "issueInfo": "Issue Information",
+            "escrowInfo": "Escrow Information",
+            "paymentInfo": "Payment Information",
+            "transactionInfo": "Transaction Information",
+            "settlementInfo": "Settlement Information",
+            "merchantInfo": "Merchant Information",
+            "amountDetail": "Amount Details"
+        },
+        "fields": {
+            "billKey": "Bill Key",
+            "tid": "TID",
+            "orderNumber": "Order Number",
+            "approvalNumber": "Approval Number",
+            "approvalDate": "Approval Date",
+            "approvalDay": "Approval Day",
+            "requestStatus": "Request Status",
+            "processResult": "Process Result",
+            "installmentMonth": "Installment Month",
+            "installmentPeriod": "Installment Period",
+            "installmentMonthly": "{{count}} Month Installment",
+            "lumpSum": "Lump Sum",
+            "productName": "Product Name",
+            "buyerName": "Buyer Name",
+            "buyer": "Buyer",
+            "originalTid": "Original TID",
+            "originalAmount": "Original Amount",
+            "partCancelTid": "Partial Cancel TID",
+            "reApprovalTid": "Re-approval TID",
+            "partCancelAmount": "Partial Cancel Amount",
+            "remainingAmount": "Remaining Amount",
+            "reApprovalAmount": "Re-approval Amount",
+            "cancelDate": "Cancel Date",
+            "cancelApprovalNumber": "Cancel Approval Number",
+            "receiptInfo": "Cash Receipt",
+            "transactionId": "Transaction ID",
+            "merchantTid": "Transaction ID",
+            "subMallName": "Sub Mall Name",
+            "subMallBusinessNumber": "Sub Mall Business Number",
+            "issueChannel": "Issue Channel",
+            "failureReason": "Failure Reason",
+            "issueNumber": "Issue Number",
+            "issueDate": "Issue Date",
+            "issueDateTime": "Issue Date Time",
+            "purpose": "Purpose",
+            "paymentMethod": "Payment Method",
+            "transactionStatus": "Transaction Status",
+            "transactionMethod": "Transaction Method",
+            "transactionType": "Transaction Type",
+            "deliveryStatus": "Delivery Status",
+            "deliveryRegistration": "Delivery Registration",
+            "deliveryComplete": "Delivery Complete",
+            "purchaseConfirm": "Purchase Confirm",
+            "purchaseReject": "Purchase Reject",
+            "rejectReason": "Reject Reason",
+            "escrowCertNumber": "Escrow Cert Number",
+            "deliveryCompany": "Delivery Company",
+            "trackingNumber": "Tracking Number",
+            "deliveryAddress": "Delivery Address",
+            "approvalPurchase": "Approval Purchase",
+            "approvalPurchaseDate": "Approval Purchase Date",
+            "approvalRejectCount": "Approval Reject (Count)",
+            "approvalRepurchaseCount": "Approval Repurchase (Count)",
+            "approvalVAN": "Approval VAN",
+            "cancelPurchase": "Cancel Purchase",
+            "cancelPurchaseDate": "Cancel Purchase",
+            "cancelRejectCount": "Cancel Reject (Count)",
+            "cancelRepurchaseCount": "Cancel Repurchase (Count)",
+            "purchaseVan": "Purchase VAN",
+            "purchaseCompany": "Purchase Company (Issuer)",
+            "cardNo": "Card Number",
+            "approvalNo": "Approval Number",
+            "authentication": "Authentication",
+            "joinType": "Type",
+            "bankName": "Bank Name",
+            "bank": "Bank",
+            "accountNo": "Account Number",
+            "refundCompleteDate": "Refund Complete Date",
+            "customerId": "Customer ID",
+            "culturelandId": "Cultureland ID",
+            "partner": "Partner",
+            "cpid": "CPID",
+            "goodsCategory": "Goods Category",
+            "cellphoneNo": "Cellphone Number",
+            "giftCardNumber": "Gift Card Number",
+            "depositBankName": "Deposit Bank Name",
+            "depositorName": "Depositor Name",
+            "depositDeadline": "Deposit Deadline",
+            "depositDate": "Deposit Date",
+            "refundScheduleDate": "Refund Schedule Date",
+            "refundBankName": "Refund Bank Name",
+            "refundAccountNo": "Refund Account Number",
+            "accountHolder": "Account Holder",
+            "buyerEmail": "Email",
+            "buyerTel": "Phone Number",
+            "cancelReason": "Cancel Reason",
+            "cancelRequestor": "Cancel Requestor",
+            "partialCancel": "Partial Cancel",
+            "cashReceiptIssue": "Cash Receipt Issue",
+            "approvalSettlementDate": "Approval Settlement Date",
+            "approvalSettlementAmount": "Approval Settlement Amount",
+            "cancelSettlementDate": "Cancel Settlement Date",
+            "cancelSettlementAmount": "Cancel Settlement Amount",
+            "companyName": "Company Name",
+            "gid": "GID",
+            "aid": "AID",
+            "mid": "MID",
+            "transactionRequestAmount": "Transaction Request Amount",
+            "approvalRequestAmount": "Approval Request Amount",
+            "transactionAmount": "Transaction Amount",
+            "creditCardAmount": "Credit Card Amount",
+            "cardAmount": "Credit Card Amount",
+            "pointAmount": "Point Amount",
+            "couponAmount": "Coupon Amount",
+            "escrowFee": "Escrow Fee",
+            "kakaoMoneyAmount": "Kakao Money",
+            "kakaoPointAmount": "Kakao Point",
+            "kakaoDiscountAmount": "Kakao Instant Discount",
+            "naverPointAmount": "Naver Point",
+            "tossMoneyAmount": "Toss Money",
+            "tossDiscountAmount": "Toss Discount",
+            "paycoPointAmount": "Payco Point",
+            "paycoCouponAmount": "Payco Coupon",
+            "supplyAmount": "Supply Amount",
+            "vat": "VAT",
+            "serviceAmount": "Service Charge",
+            "taxFreeAmount": "Tax Free Amount",
+            "amount": "Amount",
+            "totalBalance": "Total Balance",
+            "totalCancelAmount": "Total Cancel Amount",
+            "customerName": "Customer Name",
+            "transactionConfirmation": "Transaction Confirmation"
+        },
+        "handWrittenIssuance": {
+            "step1Title": "Enter Issue Information",
+            "step2Title": "Enter Issue Amount",
+            "businessNumber": "Business Number",
+            "incomeDeduction": "Income Deduction",
+            "expenseProof": "Expense Proof",
+            "productNamePlaceholder": "Product Name",
+            "buyerNamePlaceholder": "Buyer Name",
+            "issueNumberPlaceholder": "Business Number OR Phone Number",
+            "emailPlaceholder": "TEST123@nicepay.com",
+            "phoneNumberPlaceholder": "01012345678",
+            "issueAmount": "Issue Amount",
+            "vatAutoCalc": "VAT Auto Calculate",
+            "errorMessage": "The issue amount must equal the sum of supply amount, VAT, tax-free amount, and service charge."
+        },
+        "list": {
+            "paymentRequest": "Payment Request",
+            "manualIssuance": "Manual Issuance",
+            "separator": "|"
+        },
+        "cancel": {
+            "bankGroup": {
+                "select": "Select",
+                "notice": "Refunds will be paid to the entered account information without separate verification.\nPlease check the entered information once more."
+            },
+            "passwordGroup": {
+                "cancelPassword": "Cancel Password",
+                "passwordMismatch": "Password Mismatch"
+            },
+            "afterDeposit": {
+                "title": "Transaction Cancel (After Deposit Cancel)",
+                "notice": "The requested transaction cancellation can be processed after deposit.",
+                "cancelTransactionTitle": "Cancel Transaction Details",
+                "approvalAmount": "Approval Amount",
+                "depositRequestAmount": "Deposit Request Amount",
+                "depositInfoTitle": "Deposit Information",
+                "guide1": "Cancellation must be submitted through the [Cancel Request] button.",
+                "guide2": "Please enter the merchant name as the depositor name.",
+                "guide3": "Cancellation will proceed only if the same amount as the deposit request amount is deposited.",
+                "guide4": "Cancellation details can be confirmed after up to 3 days.",
+                "guide5": "After Deposit Cancellation Process:\nMerchant Cancel Request -> Merchant Deposit -> Confirm Deposit -> Process Cancel",
+                "guide6": "For transactions that have not been settled, please send transaction details to service@nicepay.co.kr. (Only for transactions with more than 2 days remaining until the settlement date)"
+            },
+            "partCancel": {
+                "balance": "Balance",
+                "cancelAmount": "Cancel Amount",
+                "taxableAmount": "Taxable Amount",
+                "taxAmount": "Tax Amount",
+                "taxFree": "Tax Free",
+                "serviceFee": "Service Fee"
+            }
+        }
     },
     "cashReceipt": {
         "title": "Cash Receipt",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 866b240..a82ad38 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -362,7 +362,214 @@
         "searchOptions": "검색옵션",
         "download": "다운로드",
         "cancelTransaction": "거래 취소",
-        "confirmCancel": "거래를 취소하시겠습니까?"
+        "confirmCancel": "거래를 취소하시겠습니까?",
+        "bottomSheet": {
+            "escrowMailResend": {
+                "title": "이메일 주소를 선택하세요",
+                "close": "닫기",
+                "mailLabel": "메일로 받기",
+                "mail": "메일",
+                "select": "선택",
+                "errorNoEmail": "등록된 메일 정보가 없습니다.\n이메일 인증정보를 사용자관리 메뉴에서 추가 후 신청하세요."
+            },
+            "cashReceiptPurposeUpdate": {
+                "title": "현금영수증 용도 변경 안내",
+                "description": "현금영수증의 용도 변경 시 기존 발급 내역이 취소되며, 선택한 용도에 맞게 새로 발급됩니다.",
+                "expenseProof": "지출증빙용",
+                "incomeDeduction": "소득공제용",
+                "expenseToIncome": "지출증빙용 → 소득공제용",
+                "incomeToExpense": "소득공제용 → 지출증빙용"
+            }
+        },
+        "sections": {
+            "importantInfo": "중요 정보",
+            "billingInfo": "빌링 정보",
+            "partCancelInfo": "부분취소 정보",
+            "detailInfo": "상세 정보",
+            "issueInfo": "발급 정보",
+            "escrowInfo": "에스크로 정보",
+            "paymentInfo": "결제 정보",
+            "transactionInfo": "거래 정보",
+            "settlementInfo": "정산 정보",
+            "merchantInfo": "상점 정보",
+            "amountDetail": "금액상세"
+        },
+        "fields": {
+            "billKey": "빌키",
+            "tid": "TID",
+            "orderNumber": "주문번호",
+            "approvalNumber": "승인번호",
+            "approvalDate": "승인일자",
+            "approvalDay": "승인일",
+            "requestStatus": "요청상태",
+            "processResult": "처리결과",
+            "installmentMonth": "할부개월",
+            "installmentPeriod": "할부기간",
+            "installmentMonthly": "{{count}}개월 할부",
+            "lumpSum": "일시불",
+            "productName": "상품명",
+            "buyerName": "구매자명",
+            "buyer": "구매자",
+            "originalTid": "원거래 TID",
+            "originalAmount": "원거래 금액",
+            "partCancelTid": "부분취소 TID",
+            "reApprovalTid": "재승인 TID",
+            "partCancelAmount": "부분취소 금액",
+            "remainingAmount": "부분취소 후 잔액",
+            "reApprovalAmount": "재승인 금액",
+            "cancelDate": "취소일자",
+            "cancelApprovalNumber": "취소승인번호",
+            "receiptInfo": "현금영수증",
+            "transactionId": "거래ID",
+            "merchantTid": "거래ID",
+            "subMallName": "서브몰명",
+            "subMallBusinessNumber": "서브몰 사업자 번호",
+            "issueChannel": "발행경로",
+            "failureReason": "실패사유",
+            "issueNumber": "발행번호",
+            "issueDate": "발행일자",
+            "issueDateTime": "발행일시",
+            "purpose": "용도",
+            "paymentMethod": "결제수단",
+            "transactionStatus": "거래상태",
+            "transactionMethod": "거래수단",
+            "transactionType": "거래구분",
+            "deliveryStatus": "배송상태",
+            "deliveryRegistration": "배송등록",
+            "deliveryComplete": "배송완료",
+            "purchaseConfirm": "구매확인",
+            "purchaseReject": "구매거절",
+            "rejectReason": "거절사유",
+            "escrowCertNumber": "에스크로인증번호",
+            "deliveryCompany": "택배사",
+            "trackingNumber": "운송장번호",
+            "deliveryAddress": "배송주소",
+            "approvalPurchase": "승인매입",
+            "approvalPurchaseDate": "승인매입일",
+            "approvalRejectCount": "승인반송(횟수)",
+            "approvalRepurchaseCount": "승인재매입(횟수)",
+            "approvalVAN": "승인VAN",
+            "cancelPurchase": "취소매입",
+            "cancelPurchaseDate": "취소매입",
+            "cancelRejectCount": "취소반송(횟수)",
+            "cancelRepurchaseCount": "취소재매입(횟수)",
+            "purchaseVan": "매입VAN",
+            "purchaseCompany": "매입사(발급사)",
+            "cardNo": "카드번호",
+            "approvalNo": "승인번호",
+            "authentication": "인증",
+            "joinType": "유형",
+            "bankName": "은행명",
+            "bank": "은행",
+            "accountNo": "계좌번호",
+            "refundCompleteDate": "환불완료일",
+            "customerId": "고객ID",
+            "culturelandId": "컬처랜드ID",
+            "partner": "제휴사",
+            "cpid": "CPID",
+            "goodsCategory": "상품구분",
+            "cellphoneNo": "휴대폰번호",
+            "giftCardNumber": "상품권번호",
+            "depositBankName": "입금금융기관명",
+            "depositorName": "입금자명",
+            "depositDeadline": "입금기한",
+            "depositDate": "입금일",
+            "refundScheduleDate": "환불예정일",
+            "refundBankName": "환불은행명",
+            "refundAccountNo": "환불계좌번호",
+            "accountHolder": "예금주",
+            "buyerEmail": "이메일",
+            "buyerTel": "전화번호",
+            "cancelReason": "취소사유",
+            "cancelRequestor": "취소요청자",
+            "partialCancel": "부분취소",
+            "cashReceiptIssue": "현금영수증발행",
+            "approvalSettlementDate": "승인정산일",
+            "approvalSettlementAmount": "승인정산금액",
+            "cancelSettlementDate": "취소정산일",
+            "cancelSettlementAmount": "취소정산금액",
+            "companyName": "상호",
+            "gid": "GID",
+            "aid": "AID",
+            "mid": "MID",
+            "transactionRequestAmount": "거래요청금액",
+            "approvalRequestAmount": "승인요청금액",
+            "transactionAmount": "거래금액",
+            "creditCardAmount": "신용카드금액",
+            "cardAmount": "신용카드금액",
+            "pointAmount": "포인트금액",
+            "couponAmount": "쿠폰금액",
+            "escrowFee": "에스크로수수료",
+            "kakaoMoneyAmount": "카카오머니",
+            "kakaoPointAmount": "카카오포인트",
+            "kakaoDiscountAmount": "카카오 즉시할인",
+            "naverPointAmount": "네이버포인트",
+            "tossMoneyAmount": "토스머니",
+            "tossDiscountAmount": "토스할인",
+            "paycoPointAmount": "페이코포인트",
+            "paycoCouponAmount": "페이코쿠폰",
+            "supplyAmount": "공급가액",
+            "vat": "VAT",
+            "serviceAmount": "봉사료",
+            "taxFreeAmount": "면세금액",
+            "amount": "금액",
+            "totalBalance": "총 잔액",
+            "totalCancelAmount": "총 취소금액",
+            "customerName": "고객명",
+            "transactionConfirmation": "거래 확인서"
+        },
+        "handWrittenIssuance": {
+            "step1Title": "발행 정보 입력",
+            "step2Title": "발행 금액 입력",
+            "businessNumber": "사업자 번호",
+            "incomeDeduction": "소득공제",
+            "expenseProof": "지출증빙",
+            "productNamePlaceholder": "상품명",
+            "buyerNamePlaceholder": "구매자명",
+            "issueNumberPlaceholder": "사업자번호 OR 휴대폰번호",
+            "emailPlaceholder": "TEST123@nicepay.com",
+            "phoneNumberPlaceholder": "01012345678",
+            "issueAmount": "발행금액",
+            "vatAutoCalc": "VAT자동계산",
+            "errorMessage": "발행금액은 공급가액 VAT,면세금액, 봉사료의 총합과 같아야 합니다."
+        },
+        "list": {
+            "paymentRequest": "결제신청",
+            "manualIssuance": "수기발행",
+            "separator": "|"
+        },
+        "cancel": {
+            "bankGroup": {
+                "select": "선택",
+                "notice": "환불은 입력한 계좌정보로 별도 확인 절차없이 지급됩니다.\n입력 정보를 한번 더 확인해 주세요."
+            },
+            "passwordGroup": {
+                "cancelPassword": "취소 비밀번호",
+                "passwordMismatch": "비밀번호 불일치"
+            },
+            "afterDeposit": {
+                "title": "거래취소(입금 후 취소)",
+                "notice": "요청하신 거래취소는 입금 후 취소처리 가능합니다.",
+                "cancelTransactionTitle": "취소거래내역",
+                "approvalAmount": "승인금액",
+                "depositRequestAmount": "입금요청금액",
+                "depositInfoTitle": "입금 정보",
+                "guide1": "[취소요청] 버튼을 통해 취소 요청을 진행해야 접수됩니다.",
+                "guide2": "입금자명은 가맹점 상호로 입력해 주세요.",
+                "guide3": "입금요청금액과 동일한 금액을 입금해야 취소가 진행됩니다.",
+                "guide4": "취소내역은 최대 3일 이후 확인 가능합니다.",
+                "guide5": "입금 후 취소 프로세스 :\n가맹점의 취소요청 -> 가맹점의입금 -> 입금 확인 -> 취소 처리",
+                "guide6": "정산받지 않은 거래인 경우 service@nicepay.co.kr로 거래내역을 발송바랍니다. (단. 정산예정일이 2일 이상 남은 거래에 한함)"
+            },
+            "partCancel": {
+                "balance": "잔액",
+                "cancelAmount": "취소금액",
+                "taxableAmount": "과세액",
+                "taxAmount": "부가세",
+                "taxFree": "면세",
+                "serviceFee": "봉사료"
+            }
+        }
     },
     "cashReceipt": {
         "title": "현금영수증",

From 29f69c248cf21e4880bd691e61029d4bd48a9ba8 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 16:36:30 +0900
Subject: [PATCH 02/15] Convert transaction constants to i18n-compatible getter
 functions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Convert all hardcoded constant arrays to functions accepting TFunction
- Add transaction.constants namespace with 40+ translation keys
- Update contant.ts: All exports now use get* prefix (e.g., getCashReceiptPurposeTypeBtnGroup)
- Replace ko/en properties with single name property using t() function

Updated constants:
- getAllTransactionMoidTidOptionsGroup(t)
- getAllTransactionStatusCodeBtnGroup(t)
- getAllTransactionServiceCodeOptionsGroup(t)
- getAllTransactionStatusCode(t)
- getCashReceiptPurposeTypeBtnGroup(t)
- getCashReceiptTransactionTypeBtnGroup(t)
- getCashReceiptProcessResultBtnGroup(t)
- getEscrowSearchTypeOptionsGroup(t)
- getEscrowDeliveryStatusBtnGroup(t)
- getEscrowSettlementStatusBtnGroup(t)
- getBillingSearchTypeOptionsGroup(t)
- getBillingRequestStatusBtnGroup(t)
- getBillingProcessResultBtnGroup(t)
- getBillingPaymentMethodBtnGroup(t)

Updated components (9 files):
- Filter components: all-transaction, cash-receipt, billing, escrow
- List pages: billing, cash-receipt, escrow
- UI components: list-item, important-info-section

All constants now properly support Korean/English language switching.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/transaction/model/contant.ts     | 244 +++++++++---------
 .../ui/filter/all-transaction-filter.tsx      |  13 +-
 .../transaction/ui/filter/billing-filter.tsx  |  21 +-
 .../ui/filter/cash-receipt-filter.tsx         |  16 +-
 .../transaction/ui/filter/escrow-filter.tsx   |  18 +-
 src/entities/transaction/ui/list-item.tsx     |  13 +-
 .../ui/section/important-info-section.tsx     |  13 +-
 src/locales/en.json                           |  40 +++
 src/locales/ko.json                           |  40 +++
 src/pages/transaction/billing/list-page.tsx   |   6 +-
 .../transaction/cash-receipt/list-page.tsx    |   4 +-
 src/pages/transaction/escrow/list-page.tsx    |   6 +-
 12 files changed, 271 insertions(+), 163 deletions(-)

diff --git a/src/entities/transaction/model/contant.ts b/src/entities/transaction/model/contant.ts
index 7890050..69d994a 100644
--- a/src/entities/transaction/model/contant.ts
+++ b/src/entities/transaction/model/contant.ts
@@ -1,4 +1,5 @@
-import { 
+import { TFunction } from 'i18next';
+import {
   AllTransactionMoidTid,
   AllTransactionSearchCl,
   AllTransactionServiceCode,
@@ -6,7 +7,7 @@ import {
   CashReceiptPurposeType,
   CashReceiptTransactionType,
   CashReceiptProcessResult,
-  BillingPaymentMethod, 
+  BillingPaymentMethod,
   BillingProcessResult,
   BillingRequestStatus,
   BillingSearchType,
@@ -15,121 +16,121 @@ import {
   EscrowSettlementStatus
 } from '@/entities/transaction/model/types';
 
-export const AllTransactionMoidTidOptionsGroup = [
-  {name: '주문번호', value: AllTransactionMoidTid.MOID},
-  {name: 'TID', value: AllTransactionMoidTid.TID},
+export const getAllTransactionMoidTidOptionsGroup = (t: TFunction) => [
+  {name: t('transaction.constants.orderNumber'), value: AllTransactionMoidTid.MOID},
+  {name: t('transaction.constants.tid'), value: AllTransactionMoidTid.TID},
 ];
 
-export const AllTransactionStatusCodeBtnGroup = [
-  {name: '전체', value: AllTransactionStatusCode.ALL},
-  {name: '승인/입금완료', value: AllTransactionStatusCode.APPROVAL},
-  {name: '전취소/취소', value: AllTransactionStatusCode.CANCEL},
-  {name: '후취소/환불', value: AllTransactionStatusCode.REFUND}
-];
-export const AllTransactionServiceCodeOptionsGroup = [
-  {name: '전체', value: AllTransactionServiceCode.ALL},
-  {name: '신용카드', value: AllTransactionServiceCode.CREDIT_CARD},
-  {name: '가상계좌', value: AllTransactionServiceCode.VIRTUAL_ACCOUNT},
-  {name: '계좌이체', value: AllTransactionServiceCode.ACCOUNT_TRANSFER},
-  {name: '계좌간편결제', value: AllTransactionServiceCode.ACCOUNT_SIMPLE_TRANSFER},
-  {name: '휴대폰', value: AllTransactionServiceCode.MOBILE_PAYMENT},
-  {name: 'SSG 머니', value: AllTransactionServiceCode.SSGMONEY},
-  {name: 'SSG 은행계좌', value: AllTransactionServiceCode.SSGBANK},
-  {name: '문화상품권', value: AllTransactionServiceCode.CULT},
-  {name: '티머니페이', value: AllTransactionServiceCode.TMONEY},
-
+export const getAllTransactionStatusCodeBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: AllTransactionStatusCode.ALL},
+  {name: t('transaction.constants.approvalComplete'), value: AllTransactionStatusCode.APPROVAL},
+  {name: t('transaction.constants.totalCancel'), value: AllTransactionStatusCode.CANCEL},
+  {name: t('transaction.constants.refund'), value: AllTransactionStatusCode.REFUND}
 ];
 
-export const AllTracsactionStatusCode = [
+export const getAllTransactionServiceCodeOptionsGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: AllTransactionServiceCode.ALL},
+  {name: t('transaction.constants.creditCard'), value: AllTransactionServiceCode.CREDIT_CARD},
+  {name: t('transaction.constants.virtualAccount'), value: AllTransactionServiceCode.VIRTUAL_ACCOUNT},
+  {name: t('transaction.constants.accountTransfer'), value: AllTransactionServiceCode.ACCOUNT_TRANSFER},
+  {name: t('transaction.constants.accountSimpleTransfer'), value: AllTransactionServiceCode.ACCOUNT_SIMPLE_TRANSFER},
+  {name: t('transaction.constants.mobilePayment'), value: AllTransactionServiceCode.MOBILE_PAYMENT},
+  {name: t('transaction.constants.ssgMoney'), value: AllTransactionServiceCode.SSGMONEY},
+  {name: t('transaction.constants.ssgBank'), value: AllTransactionServiceCode.SSGBANK},
+  {name: t('transaction.constants.cultureLand'), value: AllTransactionServiceCode.CULT},
+  {name: t('transaction.constants.tmoneyPay'), value: AllTransactionServiceCode.TMONEY},
+];
+
+export const getAllTransactionStatusCode = (t: TFunction) => [
   {
-    serviceCode: '', 
+    serviceCode: '',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인/입금완료', en: 'Approval'},
-      {code: '1', ko: '전취소/취소', en: 'Total Cancellation'},
-      {code: '2', ko: '후취소/환불', en: 'Cancellation'}
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approvalComplete')},
+      {code: '1', name: t('transaction.constants.totalCancel')},
+      {code: '2', name: t('transaction.constants.refund')}
     ]
   },
   {
-    serviceCode: '01', 
+    serviceCode: '01',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '전취소', en: 'Total Cancellation'},
-      {code: '2', ko: '후취소', en: 'Cancellation'}
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.totalCancelShort')},
+      {code: '2', name: t('transaction.constants.cancelShort')}
     ]
   },
   {
     serviceCode: '02',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '03',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '입금', en: 'Payment Complete'},
-      {code: '2', ko: '환불', en: 'Refund'},
-      {code: '3', ko: '입금대기', en: 'Waiting Payment'},
-      {code: '4', ko: '채번취소', en: 'Cancellation Issue'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.deposit')},
+      {code: '2', name: t('transaction.constants.refund')},
+      {code: '3', name: t('transaction.constants.waitingDeposit')},
+      {code: '4', name: t('transaction.constants.issueCancel')},
     ]
   },
   {
     serviceCode: '05',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '14',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '21',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '24',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '26',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '취소', en: 'Cancellation'},
-      {code: '2', ko: '환불', en: 'Refund'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.cancel')},
+      {code: '2', name: t('transaction.constants.refund')},
     ]
   },
   {
     serviceCode: '31',
     list: [
-      {code: '', ko: '전체', en: 'All'},
-      {code: '0', ko: '승인', en: 'Approval'},
-      {code: '1', ko: '전취소', en: 'Total Cancellation'},
-      {code: '2', ko: '후취소', en: 'Cancellation'},
+      {code: '', name: t('transaction.constants.all')},
+      {code: '0', name: t('transaction.constants.approval')},
+      {code: '1', name: t('transaction.constants.totalCancelShort')},
+      {code: '2', name: t('transaction.constants.cancelShort')},
     ]
   },
 ];
@@ -140,63 +141,72 @@ export const AllTransactionCardBankCodeOptionsGroup = {
 
 
 
-export const CashReceiptPurposeTypeBtnGroup = [
-  {name: '전체', value: CashReceiptPurposeType.ALL},
-  {name: '소득공제', value: CashReceiptPurposeType.INCOME_DEDUCTION},
-  {name: '지출증빙', value: CashReceiptPurposeType.EXPENSE_PROOF},
+export const getCashReceiptPurposeTypeBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: CashReceiptPurposeType.ALL},
+  {name: t('transaction.handWrittenIssuance.incomeDeduction'), value: CashReceiptPurposeType.INCOME_DEDUCTION},
+  {name: t('transaction.handWrittenIssuance.expenseProof'), value: CashReceiptPurposeType.EXPENSE_PROOF},
 ];
-export const CashReceiptTransactionTypeBtnGroup = [
-  {name: '전체', value: CashReceiptTransactionType.ALL},
-  {name: '승인', value: CashReceiptTransactionType.APPROVAL},
-  {name: '취소', value: CashReceiptTransactionType.CANCEL},
+
+export const getCashReceiptTransactionTypeBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: CashReceiptTransactionType.ALL},
+  {name: t('transaction.constants.approval'), value: CashReceiptTransactionType.APPROVAL},
+  {name: t('transaction.constants.cancel'), value: CashReceiptTransactionType.CANCEL},
 ];
-export const CashReceiptProcessResultBtnGroup = [
-  {name: '전체', value: CashReceiptProcessResult.ALL},
-  {name: '요청', value: CashReceiptProcessResult.REQUEST},
-  {name: '요청취소', value: CashReceiptProcessResult.REQUEST_CANCEL},
-  {name: '요청완료', value: CashReceiptProcessResult.REQUEST_COMPLETE},
-  {name: '발급완료', value: CashReceiptProcessResult.ISSUE_COMPLETE},
-  {name: '요청실패', value: CashReceiptProcessResult.REQUEST_FAIL},
-  {name: '발급실패', value: CashReceiptProcessResult.ISSUE_FAIL},
+
+export const getCashReceiptProcessResultBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: CashReceiptProcessResult.ALL},
+  {name: t('transaction.constants.request'), value: CashReceiptProcessResult.REQUEST},
+  {name: t('transaction.constants.requestCancel'), value: CashReceiptProcessResult.REQUEST_CANCEL},
+  {name: t('transaction.constants.requestComplete'), value: CashReceiptProcessResult.REQUEST_COMPLETE},
+  {name: t('transaction.constants.issueComplete'), value: CashReceiptProcessResult.ISSUE_COMPLETE},
+  {name: t('transaction.constants.requestFail'), value: CashReceiptProcessResult.REQUEST_FAIL},
+  {name: t('transaction.constants.issueFail'), value: CashReceiptProcessResult.ISSUE_FAIL},
 ];
-export const EscrowSearchTypeOptionsGroup = [
-  {name: '주문번호', value: EscrowSearchType.ORDER_NUMBER },
-  {name: 'TID', value: EscrowSearchType.TID }
+
+export const getEscrowSearchTypeOptionsGroup = (t: TFunction) => [
+  {name: t('transaction.constants.orderNumber'), value: EscrowSearchType.ORDER_NUMBER },
+  {name: t('transaction.constants.tid'), value: EscrowSearchType.TID }
 ];
-export const EscrowDeliveryStatusBtnGroup = [
-  {name: '전체', value: EscrowDeliveryStatus.ALL},
-  {name: '결제완료', value: EscrowDeliveryStatus.PAY_COMPLETE},
-  {name: '배송등록', value: EscrowDeliveryStatus.DELIVERY_INSERT},
-  {name: '배송완료', value: EscrowDeliveryStatus.DELIVERY_COMPLETE},
-  {name: '구매확인', value: EscrowDeliveryStatus.PURCHASE_CONFIRM},
-  {name: '구매거절', value: EscrowDeliveryStatus.PURCHASE_REJECT},
-  {name: '환불처리', value: EscrowDeliveryStatus.RETURN_PROCESSING},
-  {name: '지급완료', value: EscrowDeliveryStatus.DEPOSIT_COMPLETE},
+
+export const getEscrowDeliveryStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: EscrowDeliveryStatus.ALL},
+  {name: t('transaction.constants.paymentComplete'), value: EscrowDeliveryStatus.PAY_COMPLETE},
+  {name: t('transaction.constants.deliveryRegistration'), value: EscrowDeliveryStatus.DELIVERY_INSERT},
+  {name: t('transaction.constants.deliveryComplete'), value: EscrowDeliveryStatus.DELIVERY_COMPLETE},
+  {name: t('transaction.constants.purchaseConfirm'), value: EscrowDeliveryStatus.PURCHASE_CONFIRM},
+  {name: t('transaction.constants.purchaseReject'), value: EscrowDeliveryStatus.PURCHASE_REJECT},
+  {name: t('transaction.constants.refundProcessing'), value: EscrowDeliveryStatus.RETURN_PROCESSING},
+  {name: t('transaction.constants.depositComplete'), value: EscrowDeliveryStatus.DEPOSIT_COMPLETE},
 ];
-export const EscrowSettlementStatusBtnGroup = [
-  {name: '전체', value: EscrowSettlementStatus.ALL},
-  {name: '신용카드', value: EscrowSettlementStatus.CREDIT_CARD},
-  {name: '가상계좌', value: EscrowSettlementStatus.REAL_ACCOUNT},
-  {name: '계좌이체', value: EscrowSettlementStatus.ACCOUNT_TRANSFER},
+
+export const getEscrowSettlementStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: EscrowSettlementStatus.ALL},
+  {name: t('transaction.constants.creditCard'), value: EscrowSettlementStatus.CREDIT_CARD},
+  {name: t('transaction.constants.virtualAccount'), value: EscrowSettlementStatus.REAL_ACCOUNT},
+  {name: t('transaction.constants.accountTransfer'), value: EscrowSettlementStatus.ACCOUNT_TRANSFER},
 ];
-export const BillingSearchTypeOptionsGroup = [
-  {name: '주문번호', value: BillingSearchType.ORDER_NUMBER },
-  {name: 'TID', value: BillingSearchType.TID }
+
+export const getBillingSearchTypeOptionsGroup = (t: TFunction) => [
+  {name: t('transaction.constants.orderNumber'), value: BillingSearchType.ORDER_NUMBER },
+  {name: t('transaction.constants.tid'), value: BillingSearchType.TID }
 ];
-export const BillingRequestStatusBtnGroup = [
-  {name: '전체', value: BillingRequestStatus.ALL},
-  {name: '진행중', value: BillingRequestStatus.IN_PROGRESS},
-  {name: '성공', value: BillingRequestStatus.SUCCESS},
-  {name: '요청취소', value: BillingRequestStatus.REQUEST_CANCEL},
+
+export const getBillingRequestStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: BillingRequestStatus.ALL},
+  {name: t('transaction.constants.inProgress'), value: BillingRequestStatus.IN_PROGRESS},
+  {name: t('transaction.constants.success'), value: BillingRequestStatus.SUCCESS},
+  {name: t('transaction.constants.requestCancel'), value: BillingRequestStatus.REQUEST_CANCEL},
 ];
-export const BillingProcessResultBtnGroup = [
-  {name: '전체', value: BillingProcessResult.ALL},
-  {name: '성공', value: BillingProcessResult.SUCCESS},
-  {name: '실패', value: BillingProcessResult.FAILURE},
+
+export const getBillingProcessResultBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: BillingProcessResult.ALL},
+  {name: t('transaction.constants.success'), value: BillingProcessResult.SUCCESS},
+  {name: t('transaction.constants.failure'), value: BillingProcessResult.FAILURE},
 ];
-export const BillingPaymentMethodBtnGroup = [
-  {name: '전체', value: BillingPaymentMethod.ALL},
-  {name: '신용카드', value: BillingPaymentMethod.CREDIT_CARD},
-  {name: '가상계좌', value: BillingPaymentMethod.VIRTUAL_ACCOUNT},
-  {name: '휴대폰', value: BillingPaymentMethod.MOBILE_PAYMENT},
+
+export const getBillingPaymentMethodBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: BillingPaymentMethod.ALL},
+  {name: t('transaction.constants.creditCard'), value: BillingPaymentMethod.CREDIT_CARD},
+  {name: t('transaction.constants.virtualAccount'), value: BillingPaymentMethod.VIRTUAL_ACCOUNT},
+  {name: t('transaction.constants.mobilePayment'), value: BillingPaymentMethod.MOBILE_PAYMENT},
 ];
diff --git a/src/entities/transaction/ui/filter/all-transaction-filter.tsx b/src/entities/transaction/ui/filter/all-transaction-filter.tsx
index bd055a1..70ec692 100644
--- a/src/entities/transaction/ui/filter/all-transaction-filter.tsx
+++ b/src/entities/transaction/ui/filter/all-transaction-filter.tsx
@@ -9,8 +9,8 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import {
-  AllTransactionMoidTidOptionsGroup,
-  AllTracsactionStatusCode,
+  getAllTransactionMoidTidOptionsGroup,
+  getAllTransactionStatusCode,
 } from '@/entities/transaction/model/contant';
 import {
   AllTransactionFilterProps,
@@ -80,6 +80,9 @@ export const AllTransactionFilter = ({
 
   const [statusCodeBtns, setStatusCodeBtns] = useState<Array<Record<string, string>>>();
 
+  const moidTidOptionsGroup = getAllTransactionMoidTidOptionsGroup(t);
+  const allTransactionStatusCode = getAllTransactionStatusCode(t);
+
   const onClickToClose = () => {
     setFilterOn(false);
   };
@@ -155,12 +158,12 @@ export const AllTransactionFilter = ({
   };
   
   const onChangeServiceCode = (val: string) => {
-    let list = AllTracsactionStatusCode.filter((value, index) => {
+    let list = allTransactionStatusCode.filter((value, index) => {
       return val === value.serviceCode;
     })[0]?.list;
     let btns = list?.map((value, index) => {
       return {
-        name: value.ko,
+        name: value.name,
         value: value.code
       }
     });
@@ -211,7 +214,7 @@ export const AllTransactionFilter = ({
               title={t('filter.orderNumberTid')}
               selectValue={ filterMoidTidType }
               selectSetter={ setFilterMoidTidType }
-              selectOptions={ AllTransactionMoidTidOptionsGroup }
+              selectOptions={ moidTidOptionsGroup }
               inputValue={ filterMoidTidValue }
               inputSetter={ setFilterMoidTidValue }
             ></FilterSelectInput>
diff --git a/src/entities/transaction/ui/filter/billing-filter.tsx b/src/entities/transaction/ui/filter/billing-filter.tsx
index 8c8f3bc..db0205b 100644
--- a/src/entities/transaction/ui/filter/billing-filter.tsx
+++ b/src/entities/transaction/ui/filter/billing-filter.tsx
@@ -9,10 +9,10 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import {
-  BillingSearchTypeOptionsGroup,
-  BillingRequestStatusBtnGroup,
-  BillingProcessResultBtnGroup,
-  BillingPaymentMethodBtnGroup
+  getBillingSearchTypeOptionsGroup,
+  getBillingRequestStatusBtnGroup,
+  getBillingProcessResultBtnGroup,
+  getBillingPaymentMethodBtnGroup
 } from '@/entities/transaction/model/contant';
 import {
   BillingFilterProps,
@@ -68,6 +68,11 @@ export const BillingFilter = ({
 
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
 
+  const searchTypeOptionsGroup = getBillingSearchTypeOptionsGroup(t);
+  const requestStatusBtnGroup = getBillingRequestStatusBtnGroup(t);
+  const processResultBtnGroup = getBillingProcessResultBtnGroup(t);
+  const paymentMethodBtnGroup = getBillingPaymentMethodBtnGroup(t);
+
   const onClickToClose = () => {
     setFilterOn(false);
   };
@@ -131,7 +136,7 @@ export const BillingFilter = ({
               title={t('filter.orderNumberTid')}
               selectValue={ filterSearchType }
               selectSetter={ setFilterSearchType }
-              selectOptions={ BillingSearchTypeOptionsGroup }
+              selectOptions={ searchTypeOptionsGroup }
               inputValue={ searchKeyword }
               inputSetter={ setFilterSearchKeyword }
             ></FilterSelectInput>
@@ -146,19 +151,19 @@ export const BillingFilter = ({
             <FilterButtonGroups
               title={t('filter.requestStatus')}
               activeValue={ filterRequestStatus }
-              btnGroups={ BillingRequestStatusBtnGroup }
+              btnGroups={ requestStatusBtnGroup }
               setter={ setFilterRequestStatus }
             ></FilterButtonGroups>
             <FilterButtonGroups
               title={t('filter.processingResult')}
               activeValue={ filterProcessResult }
-              btnGroups={ BillingProcessResultBtnGroup }
+              btnGroups={ processResultBtnGroup }
               setter={ setFilterProcessResult }
             ></FilterButtonGroups>
             <FilterButtonGroups
               title={t('filter.paymentMethod')}
               activeValue={ filterPaymentMethod }
-              btnGroups={ BillingPaymentMethodBtnGroup }
+              btnGroups={ paymentMethodBtnGroup }
               setter={ setFilterPaymentMethod }
             ></FilterButtonGroups>
 
diff --git a/src/entities/transaction/ui/filter/cash-receipt-filter.tsx b/src/entities/transaction/ui/filter/cash-receipt-filter.tsx
index f651e32..111d897 100644
--- a/src/entities/transaction/ui/filter/cash-receipt-filter.tsx
+++ b/src/entities/transaction/ui/filter/cash-receipt-filter.tsx
@@ -8,9 +8,9 @@ import { FilterSelectInput } from '@/shared/ui/filter/select-input';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import {
-  CashReceiptPurposeTypeBtnGroup,
-  CashReceiptTransactionTypeBtnGroup,
-  CashReceiptProcessResultBtnGroup
+  getCashReceiptPurposeTypeBtnGroup,
+  getCashReceiptTransactionTypeBtnGroup,
+  getCashReceiptProcessResultBtnGroup
 } from '@/entities/transaction/model/contant';
 import {
   CashReceiptFilterProps,
@@ -64,6 +64,10 @@ export const CashReceiptFilter = ({
 
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
 
+  const purposeTypeBtnGroup = getCashReceiptPurposeTypeBtnGroup(t);
+  const transactionTypeBtnGroup = getCashReceiptTransactionTypeBtnGroup(t);
+  const processResultBtnGroup = getCashReceiptProcessResultBtnGroup(t);
+
   const onClickToClose = () => {
     setFilterOn(false);
   };
@@ -130,19 +134,19 @@ export const CashReceiptFilter = ({
             <FilterButtonGroups
               title={t('filter.purpose')}
               activeValue={ filterPurposeType }
-              btnGroups={ CashReceiptPurposeTypeBtnGroup }
+              btnGroups={ purposeTypeBtnGroup }
               setter={ setFilterPurposeType }
             ></FilterButtonGroups>
             <FilterButtonGroups
               title={t('filter.transactionCategory')}
               activeValue={ filterTransactionType }
-              btnGroups={ CashReceiptTransactionTypeBtnGroup }
+              btnGroups={ transactionTypeBtnGroup }
               setter={ setFilterTransactionType }
             ></FilterButtonGroups>
             <FilterButtonGroups
               title={t('filter.progressStatus')}
               activeValue={ filterProcessResult }
-              btnGroups={ CashReceiptProcessResultBtnGroup }
+              btnGroups={ processResultBtnGroup }
               setter={ setFilterProcessResult }
             ></FilterButtonGroups>
             <FilterSelectInput
diff --git a/src/entities/transaction/ui/filter/escrow-filter.tsx b/src/entities/transaction/ui/filter/escrow-filter.tsx
index 3d77831..33b6fc3 100644
--- a/src/entities/transaction/ui/filter/escrow-filter.tsx
+++ b/src/entities/transaction/ui/filter/escrow-filter.tsx
@@ -9,9 +9,9 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import {
-  EscrowDeliveryStatusBtnGroup,
-  EscrowSettlementStatusBtnGroup,
-  EscrowSearchTypeOptionsGroup
+  getEscrowDeliveryStatusBtnGroup,
+  getEscrowSettlementStatusBtnGroup,
+  getEscrowSearchTypeOptionsGroup
 } from '@/entities/transaction/model/contant';
 import {
   EscrowFilterProps,
@@ -62,7 +62,11 @@ export const EscrowFilter = ({
   const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
 
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
-  
+
+  const searchTypeOptionsGroup = getEscrowSearchTypeOptionsGroup(t);
+  const deliveryStatusBtnGroup = getEscrowDeliveryStatusBtnGroup(t);
+  const settlementStatusBtnGroup = getEscrowSettlementStatusBtnGroup(t);
+
   const onClickToClose = () => {
     setFilterOn(false);
   };
@@ -125,7 +129,7 @@ export const EscrowFilter = ({
               title={t('filter.orderNumberTid')}
               selectValue={ filterSearchType }
               selectSetter={ setSearchType }
-              selectOptions={ EscrowSearchTypeOptionsGroup }
+              selectOptions={ searchTypeOptionsGroup }
               inputValue={ searchKeyword }
               inputSetter={ setSearchKeyword }
             ></FilterSelectInput>
@@ -140,13 +144,13 @@ export const EscrowFilter = ({
             <FilterButtonGroups
               title={t('filter.deliveryStatus')}
               activeValue={ filterDeliveryStatus }
-              btnGroups={ EscrowDeliveryStatusBtnGroup }
+              btnGroups={ deliveryStatusBtnGroup }
               setter={ setFilterDeliveryStatus }
             ></FilterButtonGroups>
             <FilterButtonGroups
               title={t('filter.paymentMethod')}
               activeValue={ filterSettlementStatus }
-              btnGroups={ EscrowSettlementStatusBtnGroup }
+              btnGroups={ settlementStatusBtnGroup }
               setter={ setFilterSettlementStatus }
             ></FilterButtonGroups>
 
diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index 1211681..8c79767 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/src/entities/transaction/ui/list-item.tsx
@@ -4,7 +4,7 @@ import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { ListItemProps, TransactionCategory } from '../model/types';
 import moment from 'moment';
 import { useStore } from '@/shared/model/store';
-import { AllTracsactionStatusCode } from '../model/contant';
+import { getAllTransactionStatusCode } from '../model/contant';
 import { useTranslation } from 'react-i18next';
 
 export const ListItem = ({
@@ -129,15 +129,16 @@ export const ListItem = ({
   const getStatusName = () => {
     let str;
     if(transactionCategory === TransactionCategory.AllTransaction){
-      Loop1: 
-      for(let i=0;i<AllTracsactionStatusCode.length;i++){
-        if(serviceCode === AllTracsactionStatusCode[i]?.serviceCode){
-          let list = AllTracsactionStatusCode[i]?.list;
+      const allTransactionStatusCode = getAllTransactionStatusCode(t);
+      Loop1:
+      for(let i=0;i<allTransactionStatusCode.length;i++){
+        if(serviceCode === allTransactionStatusCode[i]?.serviceCode){
+          let list = allTransactionStatusCode[i]?.list;
           if(!!list){
             Loop2:
             for(let j=0;j<list.length;j++){
               if(list[j]?.code === statusCode){
-                str = list[j]?.ko;
+                str = list[j]?.name;
                 break Loop1;
               }
             }
diff --git a/src/entities/transaction/ui/section/important-info-section.tsx b/src/entities/transaction/ui/section/important-info-section.tsx
index 2c606d2..64c8c9b 100644
--- a/src/entities/transaction/ui/section/important-info-section.tsx
+++ b/src/entities/transaction/ui/section/important-info-section.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { NumericFormat } from 'react-number-format';
 import { InfoSectionProps, TransactionCategory } from '../../model/types';
 import { useStore } from '@/shared/model/store';
-import { AllTracsactionStatusCode } from '../../model/contant';
+import { getAllTransactionStatusCode } from '../../model/contant';
 
 export const ImportantInfoSection = ({
   transactionCategory,
@@ -29,15 +29,16 @@ export const ImportantInfoSection = ({
   const getStatusName = (serviceCode: string, statusCode: string) => {
     let str;
     if(transactionCategory === TransactionCategory.AllTransaction){
-      Loop1: 
-      for(let i=0;i<AllTracsactionStatusCode.length;i++){
-        if(serviceCode === AllTracsactionStatusCode[i]?.serviceCode){
-          let list = AllTracsactionStatusCode[i]?.list;
+      const allTransactionStatusCode = getAllTransactionStatusCode(t);
+      Loop1:
+      for(let i=0;i<allTransactionStatusCode.length;i++){
+        if(serviceCode === allTransactionStatusCode[i]?.serviceCode){
+          let list = allTransactionStatusCode[i]?.list;
           if(!!list){
             Loop2:
             for(let j=0;j<list.length;j++){
               if(list[j]?.code === statusCode){
-                str = list[j]?.ko;
+                str = list[j]?.name;
                 break Loop1;
               }
             }
diff --git a/src/locales/en.json b/src/locales/en.json
index 1aa00a5..1859f4a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -514,6 +514,46 @@
             "customerName": "Customer Name",
             "transactionConfirmation": "Transaction Confirmation"
         },
+        "constants": {
+            "all": "All",
+            "orderNumber": "Order Number",
+            "tid": "TID",
+            "approval": "Approval",
+            "approvalComplete": "Approval/Payment Complete",
+            "cancel": "Cancel",
+            "cancelShort": "Cancellation",
+            "totalCancel": "Total Cancellation/Cancel",
+            "totalCancelShort": "Total Cancellation",
+            "refund": "Refund",
+            "deposit": "Deposit",
+            "waitingDeposit": "Waiting Deposit",
+            "issueCancel": "Issue Cancel",
+            "creditCard": "Credit Card",
+            "virtualAccount": "Virtual Account",
+            "accountTransfer": "Account Transfer",
+            "accountSimpleTransfer": "Account Simple Payment",
+            "mobilePayment": "Mobile Payment",
+            "ssgMoney": "SSG Money",
+            "ssgBank": "SSG Bank Account",
+            "cultureLand": "Culture Gift Certificate",
+            "tmoneyPay": "Tmoney Pay",
+            "request": "Request",
+            "requestCancel": "Request Cancel",
+            "requestComplete": "Request Complete",
+            "issueComplete": "Issue Complete",
+            "requestFail": "Request Failed",
+            "issueFail": "Issue Failed",
+            "paymentComplete": "Payment Complete",
+            "deliveryRegistration": "Delivery Registration",
+            "deliveryComplete": "Delivery Complete",
+            "purchaseConfirm": "Purchase Confirm",
+            "purchaseReject": "Purchase Reject",
+            "refundProcessing": "Refund Processing",
+            "depositComplete": "Deposit Complete",
+            "inProgress": "In Progress",
+            "success": "Success",
+            "failure": "Failure"
+        },
         "handWrittenIssuance": {
             "step1Title": "Enter Issue Information",
             "step2Title": "Enter Issue Amount",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index a82ad38..d3985ca 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -518,6 +518,46 @@
             "customerName": "고객명",
             "transactionConfirmation": "거래 확인서"
         },
+        "constants": {
+            "all": "전체",
+            "orderNumber": "주문번호",
+            "tid": "TID",
+            "approval": "승인",
+            "approvalComplete": "승인/입금완료",
+            "cancel": "취소",
+            "cancelShort": "후취소",
+            "totalCancel": "전취소/취소",
+            "totalCancelShort": "전취소",
+            "refund": "환불",
+            "deposit": "입금",
+            "waitingDeposit": "입금대기",
+            "issueCancel": "채번취소",
+            "creditCard": "신용카드",
+            "virtualAccount": "가상계좌",
+            "accountTransfer": "계좌이체",
+            "accountSimpleTransfer": "계좌간편결제",
+            "mobilePayment": "휴대폰",
+            "ssgMoney": "SSG 머니",
+            "ssgBank": "SSG 은행계좌",
+            "cultureLand": "문화상품권",
+            "tmoneyPay": "티머니페이",
+            "request": "요청",
+            "requestCancel": "요청취소",
+            "requestComplete": "요청완료",
+            "issueComplete": "발급완료",
+            "requestFail": "요청실패",
+            "issueFail": "발급실패",
+            "paymentComplete": "결제완료",
+            "deliveryRegistration": "배송등록",
+            "deliveryComplete": "배송완료",
+            "purchaseConfirm": "구매확인",
+            "purchaseReject": "구매거절",
+            "refundProcessing": "환불처리",
+            "depositComplete": "지급완료",
+            "inProgress": "진행중",
+            "success": "성공",
+            "failure": "실패"
+        },
         "handWrittenIssuance": {
             "step1Title": "발행 정보 입력",
             "step2Title": "발행 금액 입력",
diff --git a/src/pages/transaction/billing/list-page.tsx b/src/pages/transaction/billing/list-page.tsx
index 7b48d4c..514ac0b 100644
--- a/src/pages/transaction/billing/list-page.tsx
+++ b/src/pages/transaction/billing/list-page.tsx
@@ -21,7 +21,7 @@ import { useDownloadExcelMutation } from '@/entities/transaction/api/use-downloa
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { BillingFilter } from '@/entities/transaction/ui/filter/billing-filter';
 import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
-import { BillingRequestStatusBtnGroup } from '@/entities/transaction/model/contant';
+import { getBillingRequestStatusBtnGroup } from '@/entities/transaction/model/contant';
 import { SortTypeKeys, HeaderType, DefaultRequestPagination } from '@/entities/common/model/types';
 import { 
 	useSetOnBack,
@@ -203,8 +203,8 @@ export const BillingListPage = () => {
 							<div className="excrow">
 								<div className="full-menu-keywords no-padding">
 								{
-									BillingRequestStatusBtnGroup.map((value, index) => (
-										<span 
+									getBillingRequestStatusBtnGroup(t).map((value: any, index: number) => (
+										<span
 											key={ `key-service-code=${ index }` }
 											className={ `keyword-tag ${(requestStatus === value.value)? 'active': ''}` }
 											onClick={ () => onClickToRequestStatus(value.value) }
diff --git a/src/pages/transaction/cash-receipt/list-page.tsx b/src/pages/transaction/cash-receipt/list-page.tsx
index 71dd5d9..1d88067 100644
--- a/src/pages/transaction/cash-receipt/list-page.tsx
+++ b/src/pages/transaction/cash-receipt/list-page.tsx
@@ -30,7 +30,7 @@ import {
 	useSetHeaderType,
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
-import { CashReceiptTransactionTypeBtnGroup } from '@/entities/transaction/model/contant';
+import { getCashReceiptTransactionTypeBtnGroup } from '@/entities/transaction/model/contant';
 import { useStore } from '@/shared/model/store';
 import { useCashReceiptSummaryMutation } from '@/entities/transaction/api/use-cash-receipt-summary-mutation';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
@@ -256,7 +256,7 @@ export const CashReceiptListPage = () => {
 							<div>
 								<div className="full-menu-keywords no-padding">
 								{
-									CashReceiptTransactionTypeBtnGroup.map((value, index) => (
+									getCashReceiptTransactionTypeBtnGroup(t).map((value: any, index: number) => (
 										<span
 											key={`key-service-code=${index}`}
 											className={`keyword-tag ${(transactionType === value.value) ? 'active' : ''}`}
diff --git a/src/pages/transaction/escrow/list-page.tsx b/src/pages/transaction/escrow/list-page.tsx
index 0b52a2d..a6ec3c2 100644
--- a/src/pages/transaction/escrow/list-page.tsx
+++ b/src/pages/transaction/escrow/list-page.tsx
@@ -19,7 +19,7 @@ import { useEscrowListMutation } from '@/entities/transaction/api/use-escrow-lis
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { EscrowFilter } from '@/entities/transaction/ui/filter/escrow-filter';
-import { EscrowDeliveryStatusBtnGroup } from '@/entities/transaction/model/contant';
+import { getEscrowDeliveryStatusBtnGroup } from '@/entities/transaction/model/contant';
 import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
 import { SortTypeKeys, HeaderType, DefaultRequestPagination } from '@/entities/common/model/types';
 import { 
@@ -207,8 +207,8 @@ export const EscrowListPage = () => {
 							<div className="excrow">
 								<div className="full-menu-keywords no-padding">
 								{
-									EscrowDeliveryStatusBtnGroup.map((value, index) => (
-										<span 
+									getEscrowDeliveryStatusBtnGroup(t).map((value: any, index: number) => (
+										<span
 											key={ `key-service-code=${ index }` }
 											className={ `keyword-tag ${(deliveryStatus === value.value)? 'active': ''}` }
 											onClick={ () => onClickToDeliveryStatus(value.value) }

From 1dcae928fa6a025d5c5033288587fbf637c30125 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:14:02 +0900
Subject: [PATCH 03/15] Fix TypeScript errors in installmentMonthly translation
 calls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Convert installmentMonth string to number for count parameter
- Fix type mismatch: t() expects count as number, not string
- Updated files: list-item.tsx, billing-info-section.tsx

Fixes compilation errors where { count: string } was incompatible
with TOptionsBase requirement of count: number.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/transaction/ui/list-item.tsx                    | 4 ++--
 src/entities/transaction/ui/section/billing-info-section.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index 8c79767..15edc04 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/src/entities/transaction/ui/list-item.tsx
@@ -166,7 +166,7 @@ export const ListItem = ({
             (!!installmentMonth && parseInt(installmentMonth) > 1) && 
               <>
                 <span className="separator">|</span>
-                <span>{ t('transaction.fields.installmentMonthly', { count: installmentMonth }) }</span>
+                <span>{ t('transaction.fields.installmentMonthly', { count: parseInt(installmentMonth) }) }</span>
               </>
           }
         </div>
@@ -199,7 +199,7 @@ export const ListItem = ({
             (!!installmentMonth && parseInt(installmentMonth) > 1) && 
               <>
                 <span className="separator">|</span>
-                <span>{ t('transaction.fields.installmentMonthly', { count: installmentMonth }) }</span>
+                <span>{ t('transaction.fields.installmentMonthly', { count: parseInt(installmentMonth) }) }</span>
               </>
           }
         </div>
diff --git a/src/entities/transaction/ui/section/billing-info-section.tsx b/src/entities/transaction/ui/section/billing-info-section.tsx
index ba30094..7ac7768 100644
--- a/src/entities/transaction/ui/section/billing-info-section.tsx
+++ b/src/entities/transaction/ui/section/billing-info-section.tsx
@@ -16,7 +16,7 @@ export const BillingInfoSection = ({
           className="kv-row"
         >
           <span className="k">{ t('transaction.fields.installmentMonth') }</span>
-          <span className="v">{ t('transaction.fields.installmentMonthly', { count: billingInfo?.installmentMonth }) }</span>
+          <span className="v">{ t('transaction.fields.installmentMonthly', { count: parseInt(billingInfo?.installmentMonth || '0') }) }</span>
         </li>
       );
     }

From 04c544554ce843ddd2e8f5d3abaf2fbcb4912d6e Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:19:53 +0900
Subject: [PATCH 04/15] Add i18n localization to sort-type-box component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace hardcoded Korean sort labels with translation keys
- Add useTranslation hook to sort-type-box.tsx
- Add common.highAmountOrder to ko.json and en.json
- Use filter.sortOrders.latest for latest sort option
- Convert default sortOptions to use t() function

Now supports dynamic language switching for sort options.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/common/ui/sort-type-box.tsx | 17 ++++--
 src/locales/en.json                      | 69 ++++++++++++------------
 src/locales/ko.json                      |  7 +--
 3 files changed, 51 insertions(+), 42 deletions(-)

diff --git a/src/entities/common/ui/sort-type-box.tsx b/src/entities/common/ui/sort-type-box.tsx
index 44f71ee..a05502b 100644
--- a/src/entities/common/ui/sort-type-box.tsx
+++ b/src/entities/common/ui/sort-type-box.tsx
@@ -1,17 +1,24 @@
 import { SortTypeKeys, SortTypeBoxProps } from '../model/types';
+import { useTranslation } from 'react-i18next';
+
 export const SortTypeBox = ({
   sortType,
   onClickToSort,
-  sortOptions = [
-    { key: SortTypeKeys.LATEST, label: '최신순' },
-    { key: SortTypeKeys.HIGH_AMOUNT, label: '고액순' }
-  ]
+  sortOptions
 }: SortTypeBoxProps) => {
+  const { t } = useTranslation();
+
+  const defaultSortOptions = [
+    { key: SortTypeKeys.LATEST, label: t('filter.sortOrders.latest') },
+    { key: SortTypeKeys.HIGH_AMOUNT, label: t('common.highAmountOrder') }
+  ];
+
+  const options = sortOptions || defaultSortOptions;
 
   return (
     <>
       <div className="sort-options">
-        { sortOptions.map((option: Record<string, any>, index: number) => (
+        { options.map((option: Record<string, any>, index: number) => (
           <>
           { (index > 0) && 
             <span className="sort-divider">|</span>
diff --git a/src/locales/en.json b/src/locales/en.json
index 1859f4a..895df54 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -17,7 +17,8 @@
         "noData": "No data available",
         "next": "Next",
         "latest": "Latest",
-        "oldest": "Oldest"
+        "oldest": "Oldest",
+        "highAmountOrder": "High Amount"
     },
     "menu": {
         "home": "Home",
@@ -53,31 +54,31 @@
         "close": "Close",
         "apply": "Apply",
         "merchant": "Merchant",
-        "orderNumberTid": "OID/TID",
+        "orderNumberTid": "Order No./TID",
         "period": "Period",
-        "issuanceDate": "Issuance Date",
+        "issuanceDate": "Issue Date",
         "transactionStatus": "Transaction Status",
         "paymentMethod": "Payment Method",
         "transactionAmount": "Transaction Amount",
-        "detailSearch": "Detail Search",
+        "detailSearch": "Detailed Search",
         "purpose": "Purpose",
-        "transactionCategory": "Transaction Category",
-        "progressStatus": "Progress Status",
-        "approvalIssuanceNumber": "Approval/Issuance Number",
+        "transactionCategory": "Payment Type",
+        "progressStatus": "Payment Status",
+        "approvalIssuanceNumber": "Approval/Issue Number",
         "requestStatus": "Request Status",
-        "processingResult": "Processing Result",
+        "processingResult": "Result",
         "deliveryStatus": "Delivery Status",
         "searchOptions": {
           "cardNumber": "Card Number",
           "approvalNumber": "Approval Number",
-          "buyerName": "Buyer Name",
+          "buyerName": "Purchaser Name",
           "virtualAccountNumber": "Virtual Account Number",
           "depositorName": "Depositor Name",
           "phoneNumber": "Phone Number",
           "giftCardNumber": "Gift Card Number",
           "customerId": "Customer ID",
           "culturelandId": "Cultureland ID",
-          "tmoneyCardNumber": "T-money Card Number",
+          "tmoneyCardNumber": "Tmoney Card Number",
           "issueNumber": "Issue Number"
         },
         "periods": {
@@ -86,7 +87,7 @@
           "6months": "6 Months",
           "custom": "Custom"
         },
-        "transactionType": "Transaction Type",
+        "transactionType": "Payment Type",
         "transactionTypes": {
           "all": "All",
           "deposit": "Deposit",
@@ -393,7 +394,7 @@
         "fields": {
             "billKey": "Bill Key",
             "tid": "TID",
-            "orderNumber": "Order Number",
+            "orderNumber": "Order No.",
             "approvalNumber": "Approval Number",
             "approvalDate": "Approval Date",
             "approvalDay": "Approval Day",
@@ -404,10 +405,10 @@
             "installmentMonthly": "{{count}} Month Installment",
             "lumpSum": "Lump Sum",
             "productName": "Product Name",
-            "buyerName": "Buyer Name",
-            "buyer": "Buyer",
-            "originalTid": "Original TID",
-            "originalAmount": "Original Amount",
+            "buyerName": "Purchaser Name",
+            "buyer": "Purchaser",
+            "originalTid": "Original Transaction TID",
+            "originalAmount": "Original Transaction Amount",
             "partCancelTid": "Partial Cancel TID",
             "reApprovalTid": "Re-approval TID",
             "partCancelAmount": "Partial Cancel Amount",
@@ -418,8 +419,8 @@
             "receiptInfo": "Cash Receipt",
             "transactionId": "Transaction ID",
             "merchantTid": "Transaction ID",
-            "subMallName": "Sub Mall Name",
-            "subMallBusinessNumber": "Sub Mall Business Number",
+            "subMallName": "Sub-mall Name",
+            "subMallBusinessNumber": "Sub-mall Business Number",
             "issueChannel": "Issue Channel",
             "failureReason": "Failure Reason",
             "issueNumber": "Issue Number",
@@ -427,8 +428,8 @@
             "issueDateTime": "Issue Date Time",
             "purpose": "Purpose",
             "paymentMethod": "Payment Method",
-            "transactionStatus": "Transaction Status",
-            "transactionMethod": "Transaction Method",
+            "transactionStatus": "Payment Status",
+            "transactionMethod": "Payment Method",
             "transactionType": "Transaction Type",
             "deliveryStatus": "Delivery Status",
             "deliveryRegistration": "Delivery Registration",
@@ -516,26 +517,26 @@
         },
         "constants": {
             "all": "All",
-            "orderNumber": "Order Number",
+            "orderNumber": "Order No.",
             "tid": "TID",
             "approval": "Approval",
             "approvalComplete": "Approval/Payment Complete",
             "cancel": "Cancel",
-            "cancelShort": "Cancellation",
-            "totalCancel": "Total Cancellation/Cancel",
-            "totalCancelShort": "Total Cancellation",
+            "cancelShort": "Post-cancel",
+            "totalCancel": "Pre-cancel / Cancel",
+            "totalCancelShort": "Pre-cancel",
             "refund": "Refund",
             "deposit": "Deposit",
             "waitingDeposit": "Waiting Deposit",
-            "issueCancel": "Issue Cancel",
+            "issueCancel": "Serial Number Cancel",
             "creditCard": "Credit Card",
             "virtualAccount": "Virtual Account",
-            "accountTransfer": "Account Transfer",
-            "accountSimpleTransfer": "Account Simple Payment",
-            "mobilePayment": "Mobile Payment",
+            "accountTransfer": "Bank Transfer",
+            "accountSimpleTransfer": "Simple Account Payment",
+            "mobilePayment": "Mobile Phone",
             "ssgMoney": "SSG Money",
             "ssgBank": "SSG Bank Account",
-            "cultureLand": "Culture Gift Certificate",
+            "cultureLand": "Gift Voucher",
             "tmoneyPay": "Tmoney Pay",
             "request": "Request",
             "requestCancel": "Request Cancel",
@@ -550,23 +551,23 @@
             "purchaseReject": "Purchase Reject",
             "refundProcessing": "Refund Processing",
             "depositComplete": "Deposit Complete",
-            "inProgress": "In Progress",
+            "inProgress": "Progressing",
             "success": "Success",
             "failure": "Failure"
         },
         "handWrittenIssuance": {
             "step1Title": "Enter Issue Information",
             "step2Title": "Enter Issue Amount",
-            "businessNumber": "Business Number",
-            "incomeDeduction": "Income Deduction",
-            "expenseProof": "Expense Proof",
+            "businessNumber": "Business registration Number",
+            "incomeDeduction": "Income Tax Deduction",
+            "expenseProof": "Proof of Expenditure",
             "productNamePlaceholder": "Product Name",
             "buyerNamePlaceholder": "Buyer Name",
             "issueNumberPlaceholder": "Business Number OR Phone Number",
             "emailPlaceholder": "TEST123@nicepay.com",
             "phoneNumberPlaceholder": "01012345678",
             "issueAmount": "Issue Amount",
-            "vatAutoCalc": "VAT Auto Calculate",
+            "vatAutoCalc": "VAT Automatic Calculation",
             "errorMessage": "The issue amount must equal the sum of supply amount, VAT, tax-free amount, and service charge."
         },
         "list": {
diff --git a/src/locales/ko.json b/src/locales/ko.json
index d3985ca..b8dd6c7 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -17,7 +17,8 @@
         "noData": "데이터가 없습니다",
         "next": "다음",
         "latest": "최신순",
-        "oldest": "오래된순"
+        "oldest": "오래된순",
+        "highAmountOrder": "고액순"
     },
     "menu": {
         "home": "홈",
@@ -423,7 +424,7 @@
             "transactionId": "거래ID",
             "merchantTid": "거래ID",
             "subMallName": "서브몰명",
-            "subMallBusinessNumber": "서브몰 사업자 번호",
+            "subMallBusinessNumber": "서브몰 사업자번호",
             "issueChannel": "발행경로",
             "failureReason": "실패사유",
             "issueNumber": "발행번호",
@@ -561,7 +562,7 @@
         "handWrittenIssuance": {
             "step1Title": "발행 정보 입력",
             "step2Title": "발행 금액 입력",
-            "businessNumber": "사업자 번호",
+            "businessNumber": "사업자번호",
             "incomeDeduction": "소득공제",
             "expenseProof": "지출증빙",
             "productNamePlaceholder": "상품명",

From 868f6754ede928d4e3f384457a6e29efc6b8455a Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:26:57 +0900
Subject: [PATCH 05/15] Refactor: Move highAmount sort translation to
 filter.sortOrders namespace
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change common.highAmountOrder → filter.sortOrders.highAmount
- Improve consistency with filter.sortOrders.latest
- Remove highAmountOrder from common namespace
- Group all sort order translations under filter.sortOrders

Translation keys now organized:
- filter.sortOrders.latest: "최신순" / "Latest"
- filter.sortOrders.oldest: "과거순" / "Oldest"
- filter.sortOrders.highAmount: "고액순" / "High Amount"

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/common/ui/sort-type-box.tsx | 2 +-
 src/locales/en.json                      | 6 +++---
 src/locales/ko.json                      | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/entities/common/ui/sort-type-box.tsx b/src/entities/common/ui/sort-type-box.tsx
index a05502b..1a1c561 100644
--- a/src/entities/common/ui/sort-type-box.tsx
+++ b/src/entities/common/ui/sort-type-box.tsx
@@ -10,7 +10,7 @@ export const SortTypeBox = ({
 
   const defaultSortOptions = [
     { key: SortTypeKeys.LATEST, label: t('filter.sortOrders.latest') },
-    { key: SortTypeKeys.HIGH_AMOUNT, label: t('common.highAmountOrder') }
+    { key: SortTypeKeys.HIGH_AMOUNT, label: t('filter.sortOrders.highest') }
   ];
 
   const options = sortOptions || defaultSortOptions;
diff --git a/src/locales/en.json b/src/locales/en.json
index 895df54..5cf71c6 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -17,8 +17,7 @@
         "noData": "No data available",
         "next": "Next",
         "latest": "Latest",
-        "oldest": "Oldest",
-        "highAmountOrder": "High Amount"
+        "oldest": "Oldest"
     },
     "menu": {
         "home": "Home",
@@ -96,7 +95,8 @@
         "sortOrder": "Sort Order",
         "sortOrders": {
           "latest": "Latest",
-          "oldest": "Oldest"
+          "oldest": "Oldest",
+          "highest": "Highest"
         },
         "startDate": "Start Date",
         "endDate": "End Date",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index b8dd6c7..5387eae 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -17,8 +17,7 @@
         "noData": "데이터가 없습니다",
         "next": "다음",
         "latest": "최신순",
-        "oldest": "오래된순",
-        "highAmountOrder": "고액순"
+        "oldest": "오래된순"
     },
     "menu": {
         "home": "홈",
@@ -96,7 +95,8 @@
         "sortOrder": "정렬순서",
         "sortOrders": {
           "latest": "최신순",
-          "oldest": "과거순"
+          "oldest": "과거순",
+          "highest": "고액순"
         },
         "startDate": "시작일",
         "endDate": "종료일",

From 0d4351030798e72530bcda41d55c3f5a3b87130f Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:36:42 +0900
Subject: [PATCH 06/15] Add comprehensive i18n localization to settlement
 entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Convert settlement constants to i18n-compatible getter functions
- Add 28+ translation keys to settlement namespace
- Localize 11 settlement UI components

Constant conversions:
- getSettlementPeriodTypeBtnGroup(t)
- getSettlementPaymentMethodOptionsGroup(t)

Translation keys added:
- settlement.periodType.* (settlementDate, transactionDate)
- settlement.searchCriteria, searchPeriod
- settlement.settlementCompleted, depositScheduled
- settlement.settlementInfo, transferStatus, transferId, transferTime
- settlement.bankName, accountNumber, depositorName
- settlement.settlementDepositAmount, errorReason
- settlement.transactionDetailInfo
- settlement.cardBankTelecom, approvalAccountPhone
- common.weekdays.* (sun-sat)
- common.currencyUnit

Localized components:
- filter/list-filter.tsx
- calandar-wrap.tsx, calendar-grid.tsx
- calendar-settlement-item.tsx, calandar-amount-row.tsx
- info-wrap/settlement-info-wrap.tsx
- info-wrap/transaction-info-wrap.tsx
- list-summary-extend-settlement.tsx
- list-summary-extend-transaction.tsx

All settlement components now support Korean/English language switching.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/settlement/model/constant.ts     | 30 ++++++-------
 .../settlement/ui/calandar-amount-row.tsx     | 16 +++----
 src/entities/settlement/ui/calandar-wrap.tsx  | 28 +++++++------
 src/entities/settlement/ui/calendar-grid.tsx  | 18 ++++----
 .../ui/calendar-settlement-item.tsx           |  6 ++-
 .../settlement/ui/filter/list-filter.tsx      | 38 +++++++++--------
 .../ui/info-wrap/settlement-info-wrap.tsx     | 38 +++++++++--------
 .../ui/info-wrap/transaction-info-wrap.tsx    | 40 +++++++++---------
 .../ui/list-summary-extend-settlement.tsx     | 34 ++++++++-------
 .../ui/list-summary-extend-transaction.tsx    | 38 +++++++++--------
 src/locales/en.json                           | 42 ++++++++++++++++++-
 src/locales/ko.json                           | 42 ++++++++++++++++++-
 12 files changed, 233 insertions(+), 137 deletions(-)

diff --git a/src/entities/settlement/model/constant.ts b/src/entities/settlement/model/constant.ts
index c6ac3f4..d6d44f3 100644
--- a/src/entities/settlement/model/constant.ts
+++ b/src/entities/settlement/model/constant.ts
@@ -1,18 +1,20 @@
+import { TFunction } from 'i18next';
 import { SettlementPaymentMethod, SettlementPeriodType } from './types';
 
-export const SettlementPeriodTypeBtnGroup = [
-  {name: '정산일자', value: SettlementPeriodType.SETTLEMENT_DATE },
-  {name: '거래일자', value: SettlementPeriodType.TRANSACTION_DATE }
+export const getSettlementPeriodTypeBtnGroup = (t: TFunction) => [
+  {name: t('settlement.periodType.settlementDate'), value: SettlementPeriodType.SETTLEMENT_DATE },
+  {name: t('settlement.periodType.transactionDate'), value: SettlementPeriodType.TRANSACTION_DATE }
 ];
-export const SettlementPaymentMethodOptionsGroup = [
-  {name: '전체', value: SettlementPaymentMethod.ALL},
-  {name: '신용카드', value: SettlementPaymentMethod.CREDIT_CARD},
-  {name: '가상계좌', value: SettlementPaymentMethod.VIRTUAL_ACCOUNT},
-  {name: '계좌이체', value: SettlementPaymentMethod.ACCOUNT_TRANSFER},
-  {name: '계좌간편결제', value: SettlementPaymentMethod.ACCOUNT_EASY_PAY},
-  {name: '휴대폰', value: SettlementPaymentMethod.MOBILE_PAYMENT},
-  {name: 'SSG 머니', value: SettlementPaymentMethod.SSG_MONEY},
-  {name: 'SSG 은행계좌', value: SettlementPaymentMethod.SSG_BANK_ACCOUNT},
-  {name: '문화상품권', value: SettlementPaymentMethod.CULTURE_VOUCHER},
-  {name: '티머니페이', value: SettlementPaymentMethod.TMONEY_PAY},
+
+export const getSettlementPaymentMethodOptionsGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: SettlementPaymentMethod.ALL},
+  {name: t('transaction.constants.creditCard'), value: SettlementPaymentMethod.CREDIT_CARD},
+  {name: t('transaction.constants.virtualAccount'), value: SettlementPaymentMethod.VIRTUAL_ACCOUNT},
+  {name: t('transaction.constants.accountTransfer'), value: SettlementPaymentMethod.ACCOUNT_TRANSFER},
+  {name: t('transaction.constants.accountSimpleTransfer'), value: SettlementPaymentMethod.ACCOUNT_EASY_PAY},
+  {name: t('transaction.constants.mobilePayment'), value: SettlementPaymentMethod.MOBILE_PAYMENT},
+  {name: t('transaction.constants.ssgMoney'), value: SettlementPaymentMethod.SSG_MONEY},
+  {name: t('transaction.constants.ssgBank'), value: SettlementPaymentMethod.SSG_BANK_ACCOUNT},
+  {name: t('transaction.constants.cultureLand'), value: SettlementPaymentMethod.CULTURE_VOUCHER},
+  {name: t('transaction.constants.tmoneyPay'), value: SettlementPaymentMethod.TMONEY_PAY},
 ];
\ No newline at end of file
diff --git a/src/entities/settlement/ui/calandar-amount-row.tsx b/src/entities/settlement/ui/calandar-amount-row.tsx
index 1aab143..a4764b0 100644
--- a/src/entities/settlement/ui/calandar-amount-row.tsx
+++ b/src/entities/settlement/ui/calandar-amount-row.tsx
@@ -1,4 +1,5 @@
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 import { SettlementStatus } from '../model/types';
 
 export interface CalendarAmountRowProps {
@@ -10,23 +11,24 @@ export const CalendarAmountRow = ({
   amount,
   settlementStatus
 }: CalendarAmountRowProps) => {
+  const { t } = useTranslation();
 
   const makeTitle = () => {
     let rs = [];
     if(settlementStatus === SettlementStatus.SCHEDULED){
       rs.push(
-        <span 
+        <span
           key='amount-label-scheduled'
           className="scheduled"
-        >예정</span>
+        >{t('settlement.scheduled')}</span>
       );
     }
     else if(settlementStatus === SettlementStatus.COMPLETED){
       rs.push(
-        <span 
+        <span
           key='amount-label-complete'
           className="complete"
-        >완료</span>
+        >{t('settlement.completed')}</span>
       );
     }
     return rs;
@@ -35,13 +37,13 @@ export const CalendarAmountRow = ({
   return (
     <>
       <div className="amount-row">
-        <div className="amount-label">정산 { makeTitle() } 금액</div>
+        <div className="amount-label">{t('settlement.settlementShort')} { makeTitle() } {t('filter.amount')}</div>
         <div className="amount-value">
           <NumericFormat
-            value={ amount } 
+            value={ amount }
             thousandSeparator
             displayType="text"
-            suffix='원'
+            suffix={t('common.currencyUnit')}
           ></NumericFormat>
         </div>
       </div>
diff --git a/src/entities/settlement/ui/calandar-wrap.tsx b/src/entities/settlement/ui/calandar-wrap.tsx
index acee232..b4d905c 100644
--- a/src/entities/settlement/ui/calandar-wrap.tsx
+++ b/src/entities/settlement/ui/calandar-wrap.tsx
@@ -1,11 +1,12 @@
 import moment from 'moment';
 import { ChangeEvent, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useSettlementsCalendarMutation } from '../api/use-settlements-calendar-mutation';
 import { CalendarAmountRow } from './calandar-amount-row';
-import { CalendarSettlementItem } from './calendar-settlement-item'; 
+import { CalendarSettlementItem } from './calendar-settlement-item';
 import { CalendarGrid } from './calendar-grid';
-import { 
+import {
   SettlementDays,
   SettlementsCalendarParams,
   SettlementsCalendarResponse,
@@ -14,7 +15,8 @@ import {
 import { useStore } from '@/shared/model/store';
 
 export const CalendarWrap = () => {
-  moment.locale('ko');
+  const { t, i18n } = useTranslation();
+  moment.locale(i18n.language);
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
   const userMid = useStore.getState().UserStore.mid;
 
@@ -135,25 +137,25 @@ export const CalendarWrap = () => {
         </div>
         
         <div className="month-group">
-          <button 
+          <button
             className={ `month-btn ${(!onActionCalendar)? 'disabled': ''}` }
-            aria-label="이전 달"
+            aria-label={t('settlement.previousMonth')}
             onClick={ onClickToMoveMonthPrev }
           >
-            <img 
+            <img
               src={ IMAGE_ROOT + '/ico_date_prev.svg' }
-              alt="이전"
+              alt={t('settlement.previous')}
             />
           </button>
           <div className="month-title">{ moment(yearMonth).format('YYYY년 MM월') }</div>
-          <button 
+          <button
             className={ `month-btn ${(lastMonth || !onActionCalendar)? 'disabled': ''}` }
-            aria-label="다음 달"
+            aria-label={t('settlement.nextMonth')}
             onClick={ onClickToMoveMonthNext }
           >
-            <img 
+            <img
               src={ IMAGE_ROOT + '/ico_date_next.svg' }
-              alt="다음"
+              alt={t('settlement.next')}
             />
           </button>
         </div>
@@ -172,11 +174,11 @@ export const CalendarWrap = () => {
         <div className="legend-group">
           <div className="legend-item">
             <div className="legend-dot complete"></div>
-            <div className="legend-text">정산 완료</div>
+            <div className="legend-text">{t('settlement.settlementCompleted')}</div>
           </div>
           <div className="legend-item">
             <div className="legend-dot scheduled"></div>
-            <div className="legend-text">입금 예정</div>
+            <div className="legend-text">{t('settlement.depositScheduled')}</div>
           </div>
         </div>
 
diff --git a/src/entities/settlement/ui/calendar-grid.tsx b/src/entities/settlement/ui/calendar-grid.tsx
index e7a6a81..3cccb39 100644
--- a/src/entities/settlement/ui/calendar-grid.tsx
+++ b/src/entities/settlement/ui/calendar-grid.tsx
@@ -1,4 +1,5 @@
 import moment from 'moment';
+import { useTranslation } from 'react-i18next';
 import { SettlementDays, SettlementStatus } from '../model/types';
 import { useEffect, useState } from 'react';
 
@@ -13,7 +14,8 @@ export const CalendarGrid = ({
   scheduledDateList,
   completedDateList
 }: CalendarGridProps) => {
-  
+  const { t } = useTranslation();
+
   const makeCalendarDate = () => {
     let startDay = moment(yearMonth).startOf('month').day();
     let lastDate = moment(yearMonth).endOf('month').date();
@@ -73,13 +75,13 @@ export const CalendarGrid = ({
     <>
       <div className="calendar-grid">
         <div className="weekdays">
-          <div className="weekday sun">일</div>
-          <div className="weekday">월</div>
-          <div className="weekday">화</div>
-          <div className="weekday">수</div>
-          <div className="weekday">목</div>
-          <div className="weekday">금</div>
-          <div className="weekday sat">토</div>
+          <div className="weekday sun">{t('common.weekdays.sun')}</div>
+          <div className="weekday">{t('common.weekdays.mon')}</div>
+          <div className="weekday">{t('common.weekdays.tue')}</div>
+          <div className="weekday">{t('common.weekdays.wed')}</div>
+          <div className="weekday">{t('common.weekdays.thu')}</div>
+          <div className="weekday">{t('common.weekdays.fri')}</div>
+          <div className="weekday sat">{t('common.weekdays.sat')}</div>
         </div>
         <div className="days">
         {  makeCalendarDate() }
diff --git a/src/entities/settlement/ui/calendar-settlement-item.tsx b/src/entities/settlement/ui/calendar-settlement-item.tsx
index 9ae94df..2e05cde 100644
--- a/src/entities/settlement/ui/calendar-settlement-item.tsx
+++ b/src/entities/settlement/ui/calendar-settlement-item.tsx
@@ -1,5 +1,6 @@
 import moment from 'moment';
 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 { SettlementDays, SettlementStatus } from '../model/types';
@@ -14,6 +15,7 @@ export const CalendarSettlementItem = ({
   settlementStatus
 }: CalendarSettlementItemProps) => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
 
   const getAmount = (
     scheduledAmount: number | undefined, 
@@ -65,10 +67,10 @@ export const CalendarSettlementItem = ({
           </div>
           <div className="settlement-amount">
             <NumericFormat
-              value={ getAmount(value?.scheduledAmount, value?.completedAmount) } 
+              value={ getAmount(value?.scheduledAmount, value?.completedAmount) }
               thousandSeparator
               displayType="text"
-              suffix='원'
+              suffix={t('common.currencyUnit')}
             ></NumericFormat>
           </div>
         </div>
diff --git a/src/entities/settlement/ui/filter/list-filter.tsx b/src/entities/settlement/ui/filter/list-filter.tsx
index 087d249..c71c05c 100644
--- a/src/entities/settlement/ui/filter/list-filter.tsx
+++ b/src/entities/settlement/ui/filter/list-filter.tsx
@@ -1,19 +1,20 @@
 import { useEffect, useState } from 'react';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useStore } from '@/shared/model/store';
-import { 
+import {
   SettlementPaymentMethod,
   SettlementPeriodType
 } from '../../model/types';
-import { 
-  FilterMotionDuration, 
-  FilterMotionStyle, 
+import {
+  FilterMotionDuration,
+  FilterMotionStyle,
   FilterMotionVariants
 } from '@/entities/common/model/constant';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
-import { SettlementPaymentMethodOptionsGroup, SettlementPeriodTypeBtnGroup } from '../../model/constant';
+import { getSettlementPaymentMethodOptionsGroup, getSettlementPeriodTypeBtnGroup } from '../../model/constant';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterSelectMid } from '@/shared/ui/filter/select-mid';
 
@@ -46,13 +47,14 @@ export const ListFilter = ({
   setEndDate,
   setPaymentMethod
 }: ListFilterProps) => {
+  const { t } = useTranslation();
 
   const [filterMid, setFilterMid] = useState<string>(mid);
   const [filterPeriodType, setFilterPeriodType] = useState<SettlementPeriodType>(periodType);
   const [filterStartDate, setFilterStartDate] = useState<string>(startDate);
   const [filterEndDate, setFilterEndDate] = useState<string>(endDate);
   const [filterPaymentMethod, setFilterPaymentMethod] = useState<SettlementPaymentMethod>(paymentMethod);
-  
+
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
   
   const onClickToClose = () => {
@@ -84,15 +86,15 @@ export const ListFilter = ({
       >
         <div className="full-menu-container">
           <div className="full-menu-header">
-            <div className="full-menu-title center">필터</div>
+            <div className="full-menu-title center">{t('filter.filter')}</div>
             <div className="full-menu-actions">
-              <button 
+              <button
                 id="closeFullMenu"
                 className="full-menu-close"
               >
-                <img 
+                <img
                   src={ IMAGE_ROOT + '/ico_close.svg' }
-                  alt="닫기"
+                  alt={t('common.close')}
                   onClick={ () => onClickToClose() }
                 />
               </button>
@@ -100,35 +102,35 @@ export const ListFilter = ({
           </div>
           <div className="option-list pt-16">
             <FilterSelectMid
-              title='가맹점'
+              title={t('filter.merchant')}
               selectSetter={ setMid }
               showType={ 'GID' }
             ></FilterSelectMid>
             <FilterButtonGroups
-              title='조회기준'
+              title={t('settlement.searchCriteria')}
               activeValue={ filterPeriodType }
-              btnGroups={ SettlementPeriodTypeBtnGroup }
+              btnGroups={ getSettlementPeriodTypeBtnGroup(t) }
               setter={ setFilterPeriodType }
             ></FilterButtonGroups>
             <FilterCalendar
-              title='조회기간'
+              title={t('settlement.searchPeriod')}
               startDate={ filterStartDate }
               endDate={ filterEndDate }
               setStartDate={ setFilterStartDate }
               setEndDate={ setFilterEndDate }
             ></FilterCalendar>
             <FilterSelect
-              title='결제수단'
+              title={t('filter.paymentMethod')}
               selectValue={ filterPaymentMethod }
               selectSetter={ setFilterPaymentMethod }
-              selectOptions={ SettlementPaymentMethodOptionsGroup }
+              selectOptions={ getSettlementPaymentMethodOptionsGroup(t) }
             ></FilterSelect>
           </div>
           <div className="apply-row">
-            <button 
+            <button
               className="btn-50 btn-blue flex-1"
 							onClick={ () => onClickToSetFilter() }
-            >적용</button>
+            >{t('filter.apply')}</button>
           </div>
         </div>
       </motion.div>
diff --git a/src/entities/settlement/ui/info-wrap/settlement-info-wrap.tsx b/src/entities/settlement/ui/info-wrap/settlement-info-wrap.tsx
index 9925b76..fff40b2 100644
--- a/src/entities/settlement/ui/info-wrap/settlement-info-wrap.tsx
+++ b/src/entities/settlement/ui/info-wrap/settlement-info-wrap.tsx
@@ -1,11 +1,12 @@
 import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
-import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow'; 
+import { useTranslation } from 'react-i18next';
+import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
-import { 
-  InfoWrapKeys, 
-  SettlementInfoWrapProps, 
+import {
+  InfoWrapKeys,
+  SettlementInfoWrapProps,
   SettlementPeriodType
 } from '../../model/types';
 
@@ -14,6 +15,7 @@ export const SettlementInfoWrap = ({
   isOpen,
   onClickToShowInfo
 }: SettlementInfoWrapProps) => {
+  const { t } = useTranslation();
 
   const onClickToSetShowInfo = () => {
     if(!!onClickToShowInfo){
@@ -24,59 +26,59 @@ export const SettlementInfoWrap = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title"
           onClick={ () => onClickToSetShowInfo() }
         >
-          정산 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('settlement.settlementInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
         { isOpen &&
           <ul className="kv-list">
             <li className="kv-row">
-              <span className="k">MID</span>
+              <span className="k">{t('transaction.fields.mid')}</span>
               <span className="v">{ settlementInfo?.mid }</span>
             </li>
             <li className="kv-row">
-              <span className="k">이체상태</span>
+              <span className="k">{t('settlement.transferStatus')}</span>
               <span className="v">{ settlementInfo?.transferStatus }</span>
             </li>
             <li className="kv-row">
-              <span className="k">이체ID</span>
+              <span className="k">{t('settlement.transferId')}</span>
               <span className="v">{ settlementInfo?.transferId }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">이체시간</span>
+              <span className="k">{t('settlement.transferTime')}</span>
               <span className="v">
-                { settlementInfo?.transferTime && 
-                  moment(settlementInfo?.transferTime).format('YYYY.MM.DD HH:mm:ss') 
+                { settlementInfo?.transferTime &&
+                  moment(settlementInfo?.transferTime).format('YYYY.MM.DD HH:mm:ss')
                 }
               </span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">은행명</span>
+              <span className="k">{t('settlement.bankName')}</span>
               <span className="v">{ settlementInfo?.bankName }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">계좌번호</span>
+              <span className="k">{t('settlement.accountNumber')}</span>
               <span className="v">{ settlementInfo?.accountNumber }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">입금인자</span>
+              <span className="k">{t('settlement.depositorName')}</span>
               <span className="v">{ settlementInfo?.depositorName }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">정상입금액</span>
+              <span className="k">{t('settlement.settlementDepositAmount')}</span>
               <span className="v">
                 <NumericFormat
-                  value={ settlementInfo?.settlementDepositAmount } 
+                  value={ settlementInfo?.settlementDepositAmount }
                   thousandSeparator
                   displayType="text"
                 ></NumericFormat>
               </span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">오류사유</span>
+              <span className="k">{t('settlement.errorReason')}</span>
               <span className="v">{ settlementInfo?.errorReason }</span>
             </li>
           </ul>
diff --git a/src/entities/settlement/ui/info-wrap/transaction-info-wrap.tsx b/src/entities/settlement/ui/info-wrap/transaction-info-wrap.tsx
index 092e616..00057f2 100644
--- a/src/entities/settlement/ui/info-wrap/transaction-info-wrap.tsx
+++ b/src/entities/settlement/ui/info-wrap/transaction-info-wrap.tsx
@@ -1,10 +1,11 @@
 import moment from 'moment';
-import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow'; 
+import { useTranslation } from 'react-i18next';
+import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import SlideDown from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
-import { 
-  InfoWrapKeys, 
-  TransactionInfoWrapProps, 
+import {
+  InfoWrapKeys,
+  TransactionInfoWrapProps,
 } from '@/entities/settlement/model/types';
 
 export const TransactionInfoWrap = ({
@@ -12,6 +13,7 @@ export const TransactionInfoWrap = ({
   isOpen,
   onClickToShowInfo
 }: TransactionInfoWrapProps) => {
+  const { t } = useTranslation();
 
   const onClickToSetShowInfo = () => {
     if(!!onClickToShowInfo){
@@ -22,61 +24,61 @@ export const TransactionInfoWrap = ({
   return (
     <>
       <div className="txn-section">
-        <div 
+        <div
           className="section-title"
           onClick={ () => onClickToSetShowInfo() }
         >
-          거래 상세 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
+          {t('settlement.transactionDetailInfo')} <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
         <SlideDown className={'my-dropdown-slidedown'}>
-        { isOpen && 
+        { isOpen &&
           <ul className="kv-list">
             <li className="kv-row">
-              <span className="k">주문번호</span>
+              <span className="k">{t('transaction.fields.orderNumber')}</span>
               <span className="v">{ transactionInfo?.orderNumber }</span>
             </li>
             <li className="kv-row">
-              <span className="k">TID</span>
+              <span className="k">{t('transaction.fields.tid')}</span>
               <span className="v">{ transactionInfo?.tid }</span>
             </li>
             <li className="kv-row">
-              <span className="k">원거래 TID</span>
+              <span className="k">{t('transaction.fields.originalTid')}</span>
               <span className="v">{ transactionInfo?.originalTid }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">거래상태</span>
+              <span className="k">{t('transaction.fields.transactionStatus')}</span>
               <span className="v">{ transactionInfo?.transactionStatus }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">결제수단</span>
+              <span className="k">{t('transaction.fields.paymentMethod')}</span>
               <span className="v">{ transactionInfo?.paymentMethod }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">정산일</span>
+              <span className="k">{t('additionalService.settlementAgency.settlementDate')}</span>
               <span className="v">{ moment(transactionInfo?.settlementDate).format('YYYY.MM.DD') }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">승인일</span>
+              <span className="k">{t('transaction.fields.approvalDay')}</span>
               <span className="v">{ moment(transactionInfo?.approvalDate).format('YYYY.MM.DD') }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">취소일</span>
+              <span className="k">{t('transaction.fields.cancelDate')}</span>
               <span className="v">{ moment(transactionInfo?.cancelDate).format('YYYY.MM.DD') }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">카드/은행/이통사</span>
+              <span className="k">{t('settlement.cardBankTelecom')}</span>
               <span className="v">{ transactionInfo?.cardCompany }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">승인번호/계좌번호/휴대번호</span>
+              <span className="k">{t('settlement.approvalAccountPhone')}</span>
               <span className="v">{ transactionInfo?.approvalNumber }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">상품명</span>
+              <span className="k">{t('transaction.fields.productName')}</span>
               <span className="v">{ transactionInfo?.productName }</span>
             </li>
             <li className="kv-row bolder">
-              <span className="k">구매자</span>
+              <span className="k">{t('transaction.fields.buyer')}</span>
               <span className="v">{ transactionInfo?.buyerName }</span>
             </li>
           </ul>
diff --git a/src/entities/settlement/ui/list-summary-extend-settlement.tsx b/src/entities/settlement/ui/list-summary-extend-settlement.tsx
index 14f9b33..7451ecb 100644
--- a/src/entities/settlement/ui/list-summary-extend-settlement.tsx
+++ b/src/entities/settlement/ui/list-summary-extend-settlement.tsx
@@ -1,4 +1,5 @@
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 import { SettlementsHistorySummaryResponse } from '../model/types';
 
 export interface ListSummaryExtendSettlementProps extends SettlementsHistorySummaryResponse {};
@@ -11,59 +12,60 @@ export const ListSummaryExtendSettlement = ({
   releaseAmount,
   offsetAmount
 }: ListSummaryExtendSettlementProps) => {
-  
+  const { t } = useTranslation();
+
   return (
     <>
       <div className="summary-extend">
         <ul className="summary-amount-list">
           <li className="summary-amount-item">
-            <span className="label">거래금액</span>
+            <span className="label">{t('settlement.transactionAmount')}</span>
             <span className="value">
               <NumericFormat
-                value={ transactionAmount } 
+                value={ transactionAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">PG 수수료</span>
+            <span className="label">{t('settlement.totalPgFee')}</span>
             <span className="value minus">
               <NumericFormat
-                value={ pgFeeAmount } 
+                value={ pgFeeAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">보류</span>
+            <span className="label">{t('settlement.hold')}</span>
             <span className="value">
               <NumericFormat
-                value={ holdAmount } 
+                value={ holdAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">해제</span>
+            <span className="label">{t('settlement.release')}</span>
             <span className="value link">
               <NumericFormat
-                value={ releaseAmount } 
+                value={ releaseAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">상계</span>
+            <span className="label">{t('settlement.offset')}</span>
             <span className="value minus">
               <NumericFormat
-                value={ offsetAmount } 
+                value={ offsetAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
         </ul>
diff --git a/src/entities/settlement/ui/list-summary-extend-transaction.tsx b/src/entities/settlement/ui/list-summary-extend-transaction.tsx
index 7bdfd0d..18cf3f0 100644
--- a/src/entities/settlement/ui/list-summary-extend-transaction.tsx
+++ b/src/entities/settlement/ui/list-summary-extend-transaction.tsx
@@ -1,4 +1,5 @@
 import { NumericFormat } from 'react-number-format';
+import { useTranslation } from 'react-i18next';
 import { SettlementsTransactionSummaryResponse } from '../model/types';
 
 export interface ListSummaryExtendTransactionProps extends SettlementsTransactionSummaryResponse {};
@@ -12,69 +13,70 @@ export const ListSummaryExtendTransaction = ({
   vatAmount,
   preSettlementCancelOffset
 }: ListSummaryExtendTransactionProps) => {
-  
+  const { t } = useTranslation();
+
   return (
     <>
       <div className="summary-extend">
         <ul className="summary-amount-list">
           <li className="summary-amount-item">
-            <span className="label">거래금액</span>
+            <span className="label">{t('settlement.transactionAmount')}</span>
             <span className="value">
               <NumericFormat
-                value={ transactionAmount } 
+                value={ transactionAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">결제 수수료</span>
+            <span className="label">{t('settlement.paymentFee')}</span>
             <span className="value minus">
               <NumericFormat
-                value={ paymentFeeAmount } 
+                value={ paymentFeeAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">에스크로 수수료</span>
+            <span className="label">{t('settlement.escrowFee')}</span>
             <span className="value">
               <NumericFormat
-                value={ escrowFeeAmount } 
+                value={ escrowFeeAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">인증 수수료</span>
+            <span className="label">{t('settlement.authFee')}</span>
             <span className="value link">
               <NumericFormat
-                value={ authFeeAmount } 
+                value={ authFeeAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
             <span className="label">VAT</span>
             <span className="value minus">
               <NumericFormat
-                value={ vatAmount } 
+                value={ vatAmount }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
           <li className="summary-amount-item">
-            <span className="label">정산전 취소상계</span>
+            <span className="label">{t('settlement.preSettlementCancelOffset')}</span>
             <span className="value minus">
               <NumericFormat
-                value={ preSettlementCancelOffset } 
+                value={ preSettlementCancelOffset }
                 thousandSeparator
                 displayType="text"
-              ></NumericFormat> <span className="unit">원</span>
+              ></NumericFormat> <span className="unit">{t('common.currencyUnit')}</span>
             </span>
           </li>
         </ul>
diff --git a/src/locales/en.json b/src/locales/en.json
index 5cf71c6..4eb2fa0 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -17,7 +17,17 @@
         "noData": "No data available",
         "next": "Next",
         "latest": "Latest",
-        "oldest": "Oldest"
+        "oldest": "Oldest",
+        "weekdays": {
+            "sun": "Sun",
+            "mon": "Mon",
+            "tue": "Tue",
+            "wed": "Wed",
+            "thu": "Thu",
+            "fri": "Fri",
+            "sat": "Sat"
+        },
+        "currencyUnit": ""
     },
     "menu": {
         "home": "Home",
@@ -343,7 +353,35 @@
         "offset": "Offset",
         "transactionAmount": "Transaction Amount",
         "expectedSettlementAmount": "Expected Settlement Amount",
-        "preSettlementCancelOffset": "Pre-Settlement Cancel Offset"
+        "preSettlementCancelOffset": "Pre-Settlement Cancel Offset",
+        "periodType": {
+            "settlementDate": "Settlement Date",
+            "transactionDate": "Transaction Date"
+        },
+        "searchCriteria": "Search Criteria",
+        "searchPeriod": "Search Period",
+        "settlementCompleted": "Settlement Completed",
+        "depositScheduled": "Deposit Scheduled",
+        "previousMonth": "Previous Month",
+        "nextMonth": "Next Month",
+        "previous": "Previous",
+        "next": "Next",
+        "scheduled": "Scheduled",
+        "completed": "Completed",
+        "settlementScheduledAmount": "Settlement Scheduled Amount",
+        "settlementCompletedAmount": "Settlement Completed Amount",
+        "settlementInfo": "Settlement Information",
+        "transferStatus": "Transfer Status",
+        "transferId": "Transfer ID",
+        "transferTime": "Transfer Time",
+        "bankName": "Bank Name",
+        "accountNumber": "Account Number",
+        "depositorName": "Depositor Name",
+        "settlementDepositAmount": "Settlement Deposit Amount",
+        "errorReason": "Error Reason",
+        "transactionDetailInfo": "Transaction Detail Information",
+        "cardBankTelecom": "Card/Bank/Telecom",
+        "approvalAccountPhone": "Approval No./Account No./Phone No."
     },
     "transaction": {
         "listTitle": "Transactions",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 5387eae..47b4911 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -17,7 +17,17 @@
         "noData": "데이터가 없습니다",
         "next": "다음",
         "latest": "최신순",
-        "oldest": "오래된순"
+        "oldest": "오래된순",
+        "weekdays": {
+            "sun": "일",
+            "mon": "월",
+            "tue": "화",
+            "wed": "수",
+            "thu": "목",
+            "fri": "금",
+            "sat": "토"
+        },
+        "currencyUnit": "원"
     },
     "menu": {
         "home": "홈",
@@ -347,7 +357,35 @@
         "offset": "상계",
         "transactionAmount": "거래금액",
         "expectedSettlementAmount": "정산예정금액",
-        "preSettlementCancelOffset": "정산전 취소상계"
+        "preSettlementCancelOffset": "정산전 취소상계",
+        "periodType": {
+            "settlementDate": "정산일자",
+            "transactionDate": "거래일자"
+        },
+        "searchCriteria": "조회기준",
+        "searchPeriod": "조회기간",
+        "settlementCompleted": "정산 완료",
+        "depositScheduled": "입금 예정",
+        "previousMonth": "이전 달",
+        "nextMonth": "다음 달",
+        "previous": "이전",
+        "next": "다음",
+        "scheduled": "예정",
+        "completed": "완료",
+        "settlementScheduledAmount": "정산 예정 금액",
+        "settlementCompletedAmount": "정산 완료 금액",
+        "settlementInfo": "정산 정보",
+        "transferStatus": "이체상태",
+        "transferId": "이체ID",
+        "transferTime": "이체시간",
+        "bankName": "은행명",
+        "accountNumber": "계좌번호",
+        "depositorName": "입금인자",
+        "settlementDepositAmount": "정상입금액",
+        "errorReason": "오류사유",
+        "transactionDetailInfo": "거래 상세 정보",
+        "cardBankTelecom": "카드/은행/이통사",
+        "approvalAccountPhone": "승인번호/계좌번호/휴대번호"
     },
     "transaction": {
         "listTitle": "거래내역 조회",

From e2a4430821e0fd16e44f1102e723e4f555ccfc74 Mon Sep 17 00:00:00 2001
From: HyeonJongKim <ujiko2003@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:41:11 +0900
Subject: [PATCH 07/15] =?UTF-8?q?-=20=EB=B6=80=EA=B0=80=EC=84=9C=EB=B9=84?=
 =?UTF-8?q?=EC=8A=A4=20=EC=A0=91=EA=B7=BC=20=EA=B6=8C=ED=95=9C=20=EC=B2=B4?=
 =?UTF-8?q?=ED=81=AC=20=EB=B0=8F=20=EC=A0=9C=ED=95=9C=20=EC=A3=BC=EC=84=9D?=
 =?UTF-8?q?=20=ED=95=B4=EC=A0=9C=20-=20=EC=A0=9C=ED=95=9C=20=EB=8B=A4?=
 =?UTF-8?q?=EC=9D=B4=EC=96=BC=EB=A1=9C=EA=B7=B8=20=ED=85=8D=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=98=81=EB=AC=B8=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-holder-auth/account-holder-auth-page.tsx   |  6 +++---
 .../account-holder-search-page.tsx                     |  6 +++---
 src/pages/additional-service/alimtalk/list-page.tsx    |  6 +++---
 src/pages/additional-service/ars/list-page.tsx         |  6 +++---
 .../additional-service/face-auth/face-auth-page.tsx    |  6 +++---
 .../fund-account/transfer-list-page.tsx                |  6 +++---
 .../key-in-payment/key-in-payment-page.tsx             |  6 +++---
 .../link-payment/link-payment-history-page.tsx         |  6 +++---
 src/pages/additional-service/payout/list-page.tsx      |  6 +++---
 .../sms-payment/sms-payment-page.tsx                   |  6 +++---
 src/shared/lib/hooks/use-extension-access-check.tsx    | 10 ++++++----
 11 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
index 9789e39..f1605cb 100644
--- a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
+++ b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
@@ -162,9 +162,9 @@ export const AccountHolderAuthPage = () => {
     sortType
   ]);
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx b/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
index 045c4e4..d51f8b6 100644
--- a/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
+++ b/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
@@ -174,9 +174,9 @@ export const AccountHolderSearchPage = () => {
     sortType
   ]);
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/alimtalk/list-page.tsx b/src/pages/additional-service/alimtalk/list-page.tsx
index 2474960..b0e9415 100644
--- a/src/pages/additional-service/alimtalk/list-page.tsx
+++ b/src/pages/additional-service/alimtalk/list-page.tsx
@@ -228,9 +228,9 @@ export const AlimtalkListPage = () => {
     sendCl
   ]);
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/ars/list-page.tsx b/src/pages/additional-service/ars/list-page.tsx
index 7e06546..897d60e 100644
--- a/src/pages/additional-service/ars/list-page.tsx
+++ b/src/pages/additional-service/ars/list-page.tsx
@@ -226,9 +226,9 @@ export const ArsListPage = () => {
     return rs;
   }
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/face-auth/face-auth-page.tsx b/src/pages/additional-service/face-auth/face-auth-page.tsx
index 8ced71c..2cfa141 100644
--- a/src/pages/additional-service/face-auth/face-auth-page.tsx
+++ b/src/pages/additional-service/face-auth/face-auth-page.tsx
@@ -211,9 +211,9 @@ export const FaceAuthPage = () => {
 		sortType
 	]);
 
-	// if (!hasAccess) {
-	//     return <AccessDeniedDialog />;
-	// }
+	if (!hasAccess) {
+	    return <AccessDeniedDialog />;
+	}
     
 	return (
 		<>
diff --git a/src/pages/additional-service/fund-account/transfer-list-page.tsx b/src/pages/additional-service/fund-account/transfer-list-page.tsx
index 59b9901..e523a8d 100644
--- a/src/pages/additional-service/fund-account/transfer-list-page.tsx
+++ b/src/pages/additional-service/fund-account/transfer-list-page.tsx
@@ -28,9 +28,9 @@ export const FundAccountTransferListPage = () => {
     navigate(PATHS.home);
   });
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx b/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
index 2a0e7c5..8f22ee4 100644
--- a/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
+++ b/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
@@ -172,9 +172,9 @@ export const KeyInPaymentPage = () => {
     sortType
   ]);
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
 
   return (
diff --git a/src/pages/additional-service/link-payment/link-payment-history-page.tsx b/src/pages/additional-service/link-payment/link-payment-history-page.tsx
index 0343901..53d8652 100644
--- a/src/pages/additional-service/link-payment/link-payment-history-page.tsx
+++ b/src/pages/additional-service/link-payment/link-payment-history-page.tsx
@@ -35,9 +35,9 @@ export const LinkPaymentHistoryPage = () => {
 		navigate(PATHS.home);
 	});
 
-	// if(!hasAccess){
-	// 	return <AccessDeniedDialog />;
-	// }
+	if(!hasAccess){
+		return <AccessDeniedDialog />;
+	}
 
 	return (
 		<>
diff --git a/src/pages/additional-service/payout/list-page.tsx b/src/pages/additional-service/payout/list-page.tsx
index 7319e06..97e42c6 100644
--- a/src/pages/additional-service/payout/list-page.tsx
+++ b/src/pages/additional-service/payout/list-page.tsx
@@ -222,9 +222,9 @@ export const PayoutListPage = () => {
     return rs;
   };
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/pages/additional-service/sms-payment/sms-payment-page.tsx b/src/pages/additional-service/sms-payment/sms-payment-page.tsx
index d4330cd..af48b38 100644
--- a/src/pages/additional-service/sms-payment/sms-payment-page.tsx
+++ b/src/pages/additional-service/sms-payment/sms-payment-page.tsx
@@ -178,9 +178,9 @@ export const SmsPaymentPage = () => {
     smsCl
   ]);
 
-  // if (!hasAccess) {
-  //   return <AccessDeniedDialog />;
-  // }
+  if (!hasAccess) {
+    return <AccessDeniedDialog />;
+  }
 
   return (
     <>
diff --git a/src/shared/lib/hooks/use-extension-access-check.tsx b/src/shared/lib/hooks/use-extension-access-check.tsx
index 42519a1..d9dcf63 100644
--- a/src/shared/lib/hooks/use-extension-access-check.tsx
+++ b/src/shared/lib/hooks/use-extension-access-check.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useExtensionCheckMutation } from '@/entities/additional-service/api/use-extension-check-mutation';
 import { Dialog } from '@/shared/ui/dialogs/dialog';
 import { PATHS } from '@/shared/constants/paths';
+import { useTranslation } from 'react-i18next';
 
 interface UseExtensionAccessCheckProps {
   extensionCode: string;
@@ -24,6 +25,7 @@ export const useExtensionAccessCheck = ({
   enabled = true
 }: UseExtensionAccessCheckProps): UseExtensionAccessCheckReturn => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   const { mutateAsync: extensionCheck } = useExtensionCheckMutation();
 
   const [hasAccess, setHasAccess] = useState<boolean | null>(null);
@@ -76,16 +78,16 @@ export const useExtensionAccessCheck = ({
     return (
       <Dialog
         open={dialogOpen}
-        onClose={() => {}}
+        onClose={() => { }}
         message={
           <>
-            이용 중이지 않은 서비스입니다.<br />
-            가입 문의는 영업 담당자 또는 고객센터로 문의해 주세요.
+            {t('additionalService.notActiveServiceMessage')}<br />
+            {t('additionalService.contactSalesMessage')}
           </>
         }
         buttonLabel={['확인']}
         onConfirmClick={handleConfirm}
-        afterLeave={() => {}}
+        afterLeave={() => { }}
       />
     );
   };

From 5c5b2069f8d0248ded307449a0ef643c80a1bef5 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:49:42 +0900
Subject: [PATCH 08/15] Add i18n localization to payment entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Localize payment method names in info-wrap.tsx
- Add 23 payment.paymentMethods translation keys

Translation keys added:
- payment.paymentMethods.kakaoPay, naverPay, samsungPay
- payment.paymentMethods.mobilePaymentFull, cultureLandGiftCard
- payment.paymentMethods.ssgMoney, tvPay, samsungPayCard
- payment.paymentMethods.applePay, tossPay, payco, livePay
- payment.paymentMethods.taiwanPayment, tmoneyPay, lPay, payU
- payment.paymentMethods.twLinePay, ssgPay, kBankPay
- payment.paymentMethods.ssgBankAccount, accountSimplePayment
- payment.paymentMethods.skPay, bcCard

Replaced 28 Korean payment method strings with t() calls.
Files modified: info-wrap.tsx, ko.json, en.json

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/payment/ui/info-wrap.tsx | 58 +++++++++++++--------------
 src/locales/en.json                   | 29 ++++++++++++--
 src/locales/ko.json                   | 25 +++++++++++-
 3 files changed, 79 insertions(+), 33 deletions(-)

diff --git a/src/entities/payment/ui/info-wrap.tsx b/src/entities/payment/ui/info-wrap.tsx
index 88196ee..8497100 100644
--- a/src/entities/payment/ui/info-wrap.tsx
+++ b/src/entities/payment/ui/info-wrap.tsx
@@ -48,7 +48,7 @@ export const InfoWrap = () => {
   const [cardCommissionBottomSheetOn, setCardCommissionBottomSheetOn] = useState<boolean>(false);
   const [creditCardListBottomSheetOn, setCreditCardListBottomSheetOn] = useState<boolean>(false);
 
-  const [cardCompany, setCardCompany] = useState<string>('비씨');
+  const [cardCompany, setCardCompany] = useState<string>(t('payment.paymentMethods.bcCard'));
   const [cardCompanyOptions, setCardCompanyOptions] = useState<Array<string>>();
   const [installmentDetails, setInstallmentDetails] = useState<Array<InstallmentDetails>>([]);
   
@@ -76,37 +76,37 @@ export const InfoWrap = () => {
   const { mutateAsync: paymentInstallmentDetail } = usePaymentInstallmentDetailMutation();
 
   const list1 = [
-    {payName: '신용카드', payImage: 'pay_01.svg', infoLink: '', payType: 2},
-    {payName: '카카오페이', payImage: 'pay_02.svg', infoLink: '', payType: 3},
-    {payName: '네이버페이', payImage: 'pay_03.svg', infoLink: '', payType: 3},
-    {payName: '삼성페이', payImage: 'pay_04.svg', infoLink: '', payType: 2},
-    {payName: '계좌이체', payImage: 'pay_05.svg', infoLink: '', payType: 1},
-    {payName: '휴대폰결제', payImage: 'pay_06.svg', infoLink: '', payType: 1},
-    {payName: '문화상품권', payImage: 'pay_07.svg', infoLink: '', payType: 1},
-    {payName: 'SSG머니', payImage: 'pay_08.svg', infoLink: '', payType: 1},
-    {payName: 'TV페이', payImage: 'pay_09.svg', infoLink: '', payType: 1},
-    {payName: '삼성페이(카드)', payImage: 'pay_10.svg', infoLink: '', payType: 2},
-    {payName: '애플페이', payImage: 'pay_11.svg', infoLink: '', payType: 2},
-    {payName: '토스페이', payImage: 'pay_12.svg', infoLink: '', payType: 3},
-    {payName: 'PAYCO', payImage: 'pay_13.svg', infoLink: '', payType: 2},
-    {payName: '리브페이', payImage: 'pay_14.svg', infoLink: '', payType: 2},
-    {payName: '대만결제', payImage: 'pay_15.svg', infoLink: '', payType: 1},
-    {payName: '티머니페이', payImage: 'pay_16.svg', infoLink: '', payType: 1},
-    {payName: 'L.PAY', payImage: 'pay_17.svg', infoLink: '', payType: 2},
-    {payName: 'PAYU', payImage: 'pay_18.svg', infoLink: '', payType: 2},
-    {payName: 'TW라인페이', payImage: 'pay_19.svg', infoLink: '', payType: 2},
-    {payName: 'SSG페이', payImage: 'pay_21.svg', infoLink: '', payType: 3},
-    {payName: '케이뱅크페이', payImage: 'pay_22.svg', infoLink: '', payType: 2},
-    {payName: '가상계좌', payImage: 'pay_23.svg', infoLink: '', payType: 1},
-    {payName: 'SSG은행계좌', payImage: 'pay_21.svg', infoLink: '', payType: 1},
-    {payName: '계좌간편결제', payImage: 'pay_24.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.creditCard'), payImage: 'pay_01.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.kakaoPay'), payImage: 'pay_02.svg', infoLink: '', payType: 3},
+    {payName: t('payment.paymentMethods.naverPay'), payImage: 'pay_03.svg', infoLink: '', payType: 3},
+    {payName: t('payment.paymentMethods.samsungPay'), payImage: 'pay_04.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.accountTransfer'), payImage: 'pay_05.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.mobilePaymentFull'), payImage: 'pay_06.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.cultureLandGiftCard'), payImage: 'pay_07.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.ssgMoney'), payImage: 'pay_08.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.tvPay'), payImage: 'pay_09.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.samsungPayCard'), payImage: 'pay_10.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.applePay'), payImage: 'pay_11.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.tossPay'), payImage: 'pay_12.svg', infoLink: '', payType: 3},
+    {payName: t('payment.paymentMethods.payco'), payImage: 'pay_13.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.livePay'), payImage: 'pay_14.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.taiwanPayment'), payImage: 'pay_15.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.tmoneyPay'), payImage: 'pay_16.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.lPay'), payImage: 'pay_17.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.payU'), payImage: 'pay_18.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.twLinePay'), payImage: 'pay_19.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.ssgPay'), payImage: 'pay_21.svg', infoLink: '', payType: 3},
+    {payName: t('payment.paymentMethods.kBankPay'), payImage: 'pay_22.svg', infoLink: '', payType: 2},
+    {payName: t('payment.paymentMethods.virtualAccount'), payImage: 'pay_23.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.ssgBankAccount'), payImage: 'pay_21.svg', infoLink: '', payType: 1},
+    {payName: t('payment.paymentMethods.accountSimplePayment'), payImage: 'pay_24.svg', infoLink: '', payType: 1},
   ];
 
   const list2 = [
-    {payName: '신용카드', payImage: 'pay_01.svg', infoLink: ''},
-    {payName: 'SK PAY', payImage: 'pay_20.svg', infoLink: ''},
-    {payName: 'TV페이', payImage: 'pay_09.svg', infoLink: ''},
-    {payName: '삼성페이(카드)', payImage: 'pay_04.svg', infoLink: ''},
+    {payName: t('payment.paymentMethods.creditCard'), payImage: 'pay_01.svg', infoLink: ''},
+    {payName: t('payment.paymentMethods.skPay'), payImage: 'pay_20.svg', infoLink: ''},
+    {payName: t('payment.paymentMethods.tvPay'), payImage: 'pay_09.svg', infoLink: ''},
+    {payName: t('payment.paymentMethods.samsungPayCard'), payImage: 'pay_04.svg', infoLink: ''},
   ];
 
   const getList = (type: PaymentInfoItemType) => {
diff --git a/src/locales/en.json b/src/locales/en.json
index 4eb2fa0..4ecbe08 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -343,7 +343,7 @@
         "amountInfo": "Amount Information",
         "totalTransactionAmount": "Total Transaction Amount",
         "creditCard": "Credit Card",
-        "accountTransfer": "Account Transfer",
+        "accountTransfer": "Bank Transfer",
         "totalPgFee": "Total PG Fee",
         "paymentFee": "Payment Fee",
         "escrowFee": "Escrow Fee",
@@ -669,7 +669,7 @@
         "notificationData": "Notification Data",
         "notificationDataInquiry": "Payment Notification Data Inquiry",
         "serviceUsageCommissionAndSettlement": "Service Usage, Commission & Settlement Period",
-        "merchantNoInterestInfo": "Merchant No-Interest Info",
+        "merchantNoInterestInfo": "Interest Free Payment",
         "commissionAndSettlement": "Commission & Settlement",
         "settlementPeriod": "Settlement Period",
         "general": "General",
@@ -700,7 +700,30 @@
             "accountTransfer": "Account Transfer",
             "virtualAccount": "Virtual Account",
             "mobilePayment": "Mobile Payment",
-            "escrowPayment": "Escrow Payment"
+            "escrowPayment": "Escrow Payment",
+            "kakaoPay": "Kakao Pay",
+            "naverPay": "Naver Pay",
+            "samsungPay": "Samsung Pay",
+            "mobilePaymentFull": "Mobile Payment",
+            "cultureLandGiftCard": "Gift Voucher",
+            "ssgMoney": "SSG Money",
+            "tvPay": "TV Pay",
+            "samsungPayCard": "Samsung Pay (Card)",
+            "applePay": "Apple Pay",
+            "tossPay": "Toss Pay",
+            "payco": "PAYCO",
+            "livePay": "Live Pay",
+            "taiwanPayment": "Taiwan Payment",
+            "tmoneyPay": "Tmoney Pay",
+            "lPay": "L.PAY",
+            "payU": "PAYU",
+            "twLinePay": "TW LINE Pay",
+            "ssgPay": "SSG Pay",
+            "kBankPay": "Kbank Pay",
+            "ssgBankAccount": "SSG Bank Account",
+            "accountSimplePayment": "Simple Account Payment",
+            "skPay": "SK PAY",
+            "bcCard": "BC Card"
         }
     },
     "additionalService": {
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 47b4911..6978b9c 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -704,7 +704,30 @@
             "accountTransfer": "계좌이체",
             "virtualAccount": "가상계좌",
             "mobilePayment": "휴대폰",
-            "escrowPayment": "에스크로 결제"
+            "escrowPayment": "에스크로 결제",
+            "kakaoPay": "카카오페이",
+            "naverPay": "네이버페이",
+            "samsungPay": "삼성페이",
+            "mobilePaymentFull": "휴대폰결제",
+            "cultureLandGiftCard": "문화상품권",
+            "ssgMoney": "SSG머니",
+            "tvPay": "TV페이",
+            "samsungPayCard": "삼성페이(카드)",
+            "applePay": "애플페이",
+            "tossPay": "토스페이",
+            "payco": "PAYCO",
+            "livePay": "리브페이",
+            "taiwanPayment": "대만결제",
+            "tmoneyPay": "티머니페이",
+            "lPay": "L.PAY",
+            "payU": "PAYU",
+            "twLinePay": "TW라인페이",
+            "ssgPay": "SSG페이",
+            "kBankPay": "케이뱅크페이",
+            "ssgBankAccount": "SSG은행계좌",
+            "accountSimplePayment": "계좌간편결제",
+            "skPay": "SK PAY",
+            "bcCard": "비씨"
         }
     },
     "additionalService": {

From e60fe0f014f8745add7f0b80cef281743ddfe60c Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 17:54:43 +0900
Subject: [PATCH 09/15] Add comprehensive i18n localization to vat-return
 entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Convert vat-return constants to i18n-compatible getter functions
- Add 10 translation keys to vatReturn namespace
- Localize 3 vat-return files

Constant conversions:
- getVatReturnReceiptTypeBtnGroup(t)
- getVatReturnTargetTypeBtnGroup(t)
- getVatReturnTaxBtnGroups(t)

Translation keys added:
- vatReturn.issuanceMonth: "발행월" / "Issue Month"
- vatReturn.receiptType: "영수구분" / "Receipt Type"
- vatReturn.issueTarget: "발행대상" / "Issue Target"
- vatReturn.receipt, bill, general
- vatReturn.differenceSettlement, refundSettlement
- vatReturn.taxable, taxExempt
- vatReturn.keyInMerchantError

Localized files:
- filter/list-filter.tsx
- reference-wrap.tsx
- model/contant.ts

All vat-return components now support Korean/English language switching.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/vat-return/model/contant.ts      | 25 ++++++++-------
 .../vat-return/ui/filter/list-filter.tsx      | 32 ++++++++++---------
 src/entities/vat-return/ui/reference-wrap.tsx |  6 ++--
 src/locales/en.json                           | 11 ++++++-
 src/locales/ko.json                           | 11 ++++++-
 5 files changed, 53 insertions(+), 32 deletions(-)

diff --git a/src/entities/vat-return/model/contant.ts b/src/entities/vat-return/model/contant.ts
index 30c8663..15cb992 100644
--- a/src/entities/vat-return/model/contant.ts
+++ b/src/entities/vat-return/model/contant.ts
@@ -1,19 +1,20 @@
+import { TFunction } from 'i18next';
 import { VatReturnPayTax, VatReturnReceiptType, VatReturnTargetType } from './types';
 
-export const VatReturnReceiptTypeBtnGroup = [
-  {name: '전체', value: VatReturnReceiptType.ALL },
-  {name: '영수', value: VatReturnReceiptType.RECEIPT },
-  {name: '청구', value: VatReturnReceiptType.BILL }
+export const getVatReturnReceiptTypeBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: VatReturnReceiptType.ALL },
+  {name: t('vatReturn.receipt'), value: VatReturnReceiptType.RECEIPT },
+  {name: t('vatReturn.bill'), value: VatReturnReceiptType.BILL }
 ];
 
-export const VatReturnTargetTypeBtnGroup = [
-  {name: '전체', value: VatReturnTargetType.ALL },
-  {name: '일반', value: VatReturnTargetType.GENERAL },
-  {name: '차액정산', value: VatReturnTargetType.DIFFERENCE_COLLECTION },
-  {name: '환급정산', value: VatReturnTargetType.REFUND_SETTLEMENT }
+export const getVatReturnTargetTypeBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: VatReturnTargetType.ALL },
+  {name: t('vatReturn.general'), value: VatReturnTargetType.GENERAL },
+  {name: t('vatReturn.differenceSettlement'), value: VatReturnTargetType.DIFFERENCE_COLLECTION },
+  {name: t('vatReturn.refundSettlement'), value: VatReturnTargetType.REFUND_SETTLEMENT }
 ];
 
-export const VatReturnTaxBtnGroups = [
-  {name: '과세', value: VatReturnPayTax.TAX },
-  {name: '면세', value: VatReturnPayTax.NOTAX },
+export const getVatReturnTaxBtnGroups = (t: TFunction) => [
+  {name: t('vatReturn.taxable'), value: VatReturnPayTax.TAX },
+  {name: t('vatReturn.taxExempt'), value: VatReturnPayTax.NOTAX },
 ];
\ No newline at end of file
diff --git a/src/entities/vat-return/ui/filter/list-filter.tsx b/src/entities/vat-return/ui/filter/list-filter.tsx
index add5110..91a0919 100644
--- a/src/entities/vat-return/ui/filter/list-filter.tsx
+++ b/src/entities/vat-return/ui/filter/list-filter.tsx
@@ -1,11 +1,12 @@
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { VatReturnReceiptType, VatReturnTargetType } from '../../model/types';
 import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { useState } from 'react';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
-import { VatReturnReceiptTypeBtnGroup, VatReturnTargetTypeBtnGroup } from '../../model/contant';
+import { getVatReturnReceiptTypeBtnGroup, getVatReturnTargetTypeBtnGroup } from '../../model/contant';
 import { FilterCalendarMonth } from '@/shared/ui/filter/calendar-month';
 import { useStore } from '@/shared/model/store';
 import { FilterSelectMid } from '@/shared/ui/filter/select-mid';
@@ -39,13 +40,14 @@ export const ListFilter = ({
   setReceiptType,
   setTargetType
 }: ListFilterProps) => {
+  const { t } = useTranslation();
 
   const [filterMid, setFilterMid] = useState<string>(mid);
   const [filterStartMonth, setFilterStartMonth] = useState<string>(startMonth);
   const [filterEndMonth, setFilterEndMonth] = useState<string>(endMonth);
   const [filterReceiptType, setFIlterReceiptType] = useState<VatReturnReceiptType>(receiptType);
   const [filterTargetType, setFilterTargetType] = useState<VatReturnTargetType>(targetType);
-  
+
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
 
   const onClickToClose = () => {
@@ -73,51 +75,51 @@ export const ListFilter = ({
       >
         <div className="full-menu-container">
           <div className="full-menu-header">
-            <div className="full-menu-title center">필터</div>
+            <div className="full-menu-title center">{t('filter.filter')}</div>
             <div className="full-menu-actions">
-              <button 
+              <button
                 className="full-menu-close"
                 onClick={ () => onClickToClose() }
               >
-                <img 
+                <img
                   src={ IMAGE_ROOT + '/ico_close.svg' }
-                  alt="닫기"
+                  alt={t('common.close')}
                 />
               </button>
             </div>
           </div>
-    
+
           <div className="option-list pt-16">
             <FilterSelectMid
-              title='가맹점'
+              title={t('merchant.title')}
               selectSetter={ setMid }
               showType={ 'GID' }
             ></FilterSelectMid>
             <FilterCalendarMonth
-              title='발행월'
+              title={t('vatReturn.issuanceMonth')}
               startMonth={ filterStartMonth }
               endMonth={ filterEndMonth }
               setStartMonth={ setFilterStartMonth }
               setEndMonth={ setFilterEndMonth }
             ></FilterCalendarMonth>
             <FilterButtonGroups
-              title='영수구분'
+              title={t('vatReturn.receiptType')}
               activeValue={ filterReceiptType }
-              btnGroups={ VatReturnReceiptTypeBtnGroup }
+              btnGroups={ getVatReturnReceiptTypeBtnGroup(t) }
               setter={ setFIlterReceiptType }
             ></FilterButtonGroups>
             <FilterButtonGroups
-              title='발행대상'
+              title={t('vatReturn.issueTarget')}
               activeValue={ filterTargetType }
-              btnGroups={ VatReturnTargetTypeBtnGroup }
+              btnGroups={ getVatReturnTargetTypeBtnGroup(t) }
               setter={ setFilterTargetType }
             ></FilterButtonGroups>
           </div>
           <div className="apply-row">
-            <button 
+            <button
               className="btn-50 btn-blue flex-1"
               onClick={ onClickToSetFilter }
-            >적용</button>
+            >{t('filter.apply')}</button>
           </div>
         </div>
       </motion.div>
diff --git a/src/entities/vat-return/ui/reference-wrap.tsx b/src/entities/vat-return/ui/reference-wrap.tsx
index 9695d52..8d5c18c 100644
--- a/src/entities/vat-return/ui/reference-wrap.tsx
+++ b/src/entities/vat-return/ui/reference-wrap.tsx
@@ -6,7 +6,7 @@ import { FilterSelect } from '@/shared/ui/filter/select';
 import { ReferenceRequestSuccess } from './reference-request-success';
 import { ReferenceRequestFail } from './reference-request-fail';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
-import { VatReturnTaxBtnGroups } from '../model/contant';
+import { getVatReturnTaxBtnGroups } from '../model/contant';
 import { VatReturnPayTax, VatReturnReferenceRequestParams, VatReturnReferenceRequestResponse } from '../model/types';
 import { useStore } from '@/shared/model/store';
 import { useVatReturnReferenceRequestMutation } from '../api/use-vat-return-reference-request-mutation';
@@ -41,7 +41,7 @@ export const ReferenceWrap = () => {
     vatReturnReferenceRequest(params).then((rs: VatReturnReferenceRequestResponse) => {
       setSuccessPageOn(true);
     }).catch((error) => {
-      setErrorMsg("[9997] 키인가맹점이 아닙니다.<br/>NICEPAY로 문의하세요.");
+      setErrorMsg(t('vatReturn.keyInMerchantError'));
       setFailPageOn(true);
     }); 
   };
@@ -58,7 +58,7 @@ export const ReferenceWrap = () => {
         <FilterButtonGroups
           title={t('vatReturn.taxExemptionType')}
           activeValue={ payTax }
-          btnGroups={ VatReturnTaxBtnGroups }
+          btnGroups={ getVatReturnTaxBtnGroups(t) }
           setter={ setPayTax }
           addClassName='horizon'
           maxBtn={ 2 }
diff --git a/src/locales/en.json b/src/locales/en.json
index 4ecbe08..ccf7532 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -848,9 +848,17 @@
         "issueInfo": "Issue Information",
         "issueTargetDate": "Issue Target Date",
         "issueDate": "Issue Date",
+        "issuanceMonth": "Issue Month",
         "subject": "Subject",
         "issueTarget": "Issue Target",
         "receiptType": "Receipt Type",
+        "receipt": "Receipt",
+        "bill": "Bill",
+        "general": "General",
+        "differenceSettlement": "Difference Settlement",
+        "refundSettlement": "Refund Settlement",
+        "taxable": "Taxable",
+        "taxExempt": "Tax Exempt",
         "supplierInfo": "Supplier Information",
         "receiverInfo": "Receiver Information",
         "taxExemptionType": "Tax/Exemption Type",
@@ -864,6 +872,7 @@
         "applicationDate": "Application Date",
         "emailAddress": "Email Address",
         "referenceDataNote": "Please compare with internal accounting data\nbefore using this reference material.",
-        "result": "Result"
+        "result": "Result",
+        "keyInMerchantError": "[9997] Not a Key-In merchant.<br/>Please contact NICEPAY."
     }
 }
\ No newline at end of file
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 6978b9c..8386059 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -852,9 +852,17 @@
         "issueInfo": "발행 정보",
         "issueTargetDate": "발행대상일자",
         "issueDate": "발행일자",
+        "issuanceMonth": "발행월",
         "subject": "적요",
         "issueTarget": "발행대상",
         "receiptType": "영수구분",
+        "receipt": "영수",
+        "bill": "청구",
+        "general": "일반",
+        "differenceSettlement": "차액정산",
+        "refundSettlement": "환급정산",
+        "taxable": "과세",
+        "taxExempt": "면세",
         "supplierInfo": "공급자 정보",
         "receiverInfo": "공급받는 자 정보",
         "taxExemptionType": "거래 과세/면세 구분",
@@ -868,6 +876,7 @@
         "applicationDate": "신청일",
         "emailAddress": "메일주소",
         "referenceDataNote": "참고용 자료이므로 반드시 내부 회계자료 등과\n비교 후 사용해 주세요.",
-        "result": "결과"
+        "result": "결과",
+        "keyInMerchantError": "[9997] 키인가맹점이 아닙니다.<br/>NICEPAY로 문의하세요."
     }
 }
\ No newline at end of file

From ee932f2a46a378f7da8d5890aad6661024e89a1e Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:06:52 +0900
Subject: [PATCH 10/15] Add i18n localization foundation to additional-service
 entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Convert 10 constant files to i18n-compatible getter functions:
  - ars/constant.ts: ARS status codes and payment methods
  - sms-payment/constant.ts: SMS payment status codes
  - link-pay/constant.ts: Link payment status codes
  - account-holder-auth/constant.ts: Account holder verification
  - account-holder-search/constant.ts: Account holder search types
  - face-auth/constant.ts: Face authentication types
  - fund-account/constant.ts: Fund account status codes
  - alimtalk/constant.ts: Alimtalk status and transaction types
  - payout/constant.ts: Payout search types
  - key-in/constant.ts: Key-in cancel types

- Refactor lib/payment-status-utils.ts to curried functions with TFunction

- Add 63 translation keys to additionalService namespace in ko.json/en.json

- Localize 2 UI components as examples:
  - ui/filter/ars-filter.tsx
  - ui/ars/resend-sms-bottom-sheet.tsx

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../lib/payment-status-utils.ts               | 50 +++++-----
 .../model/account-holder-auth/constant.ts     | 27 +++---
 .../model/account-holder-search/constant.ts   | 21 ++--
 .../model/alimtalk/constant.ts                | 95 ++++++++++---------
 .../additional-service/model/ars/constant.ts  | 33 ++++---
 .../model/face-auth/constant.ts               | 29 +++---
 .../model/fund-account/constant.ts            | 45 ++++-----
 .../model/key-in/constant.ts                  | 16 ++--
 .../model/link-pay/constant.ts                |  9 +-
 .../model/payout/constant.ts                  | 28 +++---
 .../model/sms-payment/constant.ts             | 11 ++-
 .../ui/ars/resend-sms-bottom-sheet.tsx        | 13 ++-
 .../ui/filter/ars-filter.tsx                  | 41 ++++----
 src/locales/en.json                           | 63 ++++++++++++
 src/locales/ko.json                           | 63 ++++++++++++
 15 files changed, 345 insertions(+), 199 deletions(-)

diff --git a/src/entities/additional-service/lib/payment-status-utils.ts b/src/entities/additional-service/lib/payment-status-utils.ts
index ab36a85..15a2b1c 100644
--- a/src/entities/additional-service/lib/payment-status-utils.ts
+++ b/src/entities/additional-service/lib/payment-status-utils.ts
@@ -1,55 +1,57 @@
-export const getPaymentStatusText = (status?: string): string => {
+import { TFunction } from 'i18next';
+
+export const getPaymentStatusText = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
 
   const statusMap: Record<string, string> = {
-    // 숫자 문자열 매핑
-    '0': '미완료/활성화',
-    '1': '입금요청',
-    '2': '결제완료',
-    '3': '결제실패',
-    '4': '결제중단',
-    // 문자열 키 매핑 (하위 호환성)
-    'ALL': '전체',
-    'ACTIVE': '미완료/활성화',
-    'DEPOSIT_REQUEST': '입금요청',
-    'PAYMENT_COMPLETE': '결제완료',
-    'PAYMENT_FAIL': '결제실패',
-    'INACTIVE': '결제중단/비활성화'
+    // Numeric string mapping
+    '0': t('additionalService.linkPay.incompleteActive'),
+    '1': t('additionalService.linkPay.depositRequest'),
+    '2': t('additionalService.linkPay.paymentComplete'),
+    '3': t('additionalService.linkPay.paymentFail'),
+    '4': t('additionalService.linkPay.paymentStopped'),
+    // String key mapping (backward compatibility)
+    'ALL': t('transaction.constants.all'),
+    'ACTIVE': t('additionalService.linkPay.incompleteActive'),
+    'DEPOSIT_REQUEST': t('additionalService.linkPay.depositRequest'),
+    'PAYMENT_COMPLETE': t('additionalService.linkPay.paymentComplete'),
+    'PAYMENT_FAIL': t('additionalService.linkPay.paymentFail'),
+    'INACTIVE': t('additionalService.linkPay.paymentStoppedInactive')
   };
 
   return statusMap[status] || status;
 };
 
-export const getProcessStatusText = (status?: string): string => {
+export const getProcessStatusText = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
 
   const processStatusMap: Record<string, string> = {
-    'SEND_REQUEST': '발송요청',
-    'SEND_CANCEL': '발송취소',
-    'PENDING': '대기중'
+    'SEND_REQUEST': t('additionalService.linkPay.sendRequest'),
+    'SEND_CANCEL': t('additionalService.linkPay.sendCancel'),
+    'PENDING': t('additionalService.linkPay.pending')
   };
 
   return processStatusMap[status] || status;
 };
 
-export const getSendMethodText = (method?: string): string => {
+export const getSendMethodText = (t: TFunction) => (method?: string): string => {
   if (!method) return '';
 
   const sendMethodMap: Record<string, string> = {
     'SMS': 'SMS',
-    'EMAIL': '이메일',
-    'KAKAO': '알림톡'
+    'EMAIL': t('additionalService.linkPay.email'),
+    'KAKAO': t('additionalService.linkPay.alimtalk')
   };
 
   return sendMethodMap[method] || method;
 };
 
-export const getResultStatusText = (status?: string): string => {
+export const getResultStatusText = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
 
   const resultStatusMap: Record<string, string> = {
-    'SUCCESS': '성공',
-    'FAIL': '실패'
+    'SUCCESS': t('additionalService.common.success'),
+    'FAIL': t('additionalService.common.fail')
   };
 
   return resultStatusMap[status] || status;
diff --git a/src/entities/additional-service/model/account-holder-auth/constant.ts b/src/entities/additional-service/model/account-holder-auth/constant.ts
index bd963c1..3e032b5 100644
--- a/src/entities/additional-service/model/account-holder-auth/constant.ts
+++ b/src/entities/additional-service/model/account-holder-auth/constant.ts
@@ -1,31 +1,32 @@
+import { TFunction } from 'i18next';
 import { AccountHolderAuthStatus } from "./types";
 
-export const authStatusBtnGroup = [
-    { name: '전체', value: AccountHolderAuthStatus.ALL },
-    { name: '요청', value: AccountHolderAuthStatus.REQUEST},
-    { name: '성공', value: AccountHolderAuthStatus.SUCCESS},
-    { name: '실패', value: AccountHolderAuthStatus.FAIL}
+export const getAuthStatusBtnGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: AccountHolderAuthStatus.ALL },
+    { name: t('additionalService.common.request'), value: AccountHolderAuthStatus.REQUEST},
+    { name: t('additionalService.common.success'), value: AccountHolderAuthStatus.SUCCESS},
+    { name: t('additionalService.common.fail'), value: AccountHolderAuthStatus.FAIL}
 ]
 
-export const getAuthStatusText = (status?: string): string => {
+export const getAuthStatusText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const AuthStatusMap: Record<string, string> = {
-        'REQUEST' : '요청',
-        'SUCCESS' : '성공',
-        'FAIL' : '실패'
+        'REQUEST' : t('additionalService.common.request'),
+        'SUCCESS' : t('additionalService.common.success'),
+        'FAIL' : t('additionalService.common.fail')
     }
 
     return AuthStatusMap[status] || status;
 }
 
-export const getAuthResultText = (status?: string): string => {
+export const getAuthResultText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const AuthResultMap: Record<string, string> = {
-        'MATCHED' : '예금주명 일치',
-        'NOT_MATCHED' : '예금주명 불일치',
-        'FAILED' : '인증실패 (계좌 오류 등)'
+        'MATCHED' : t('additionalService.accountHolderAuth.accountHolderNameMatch'),
+        'NOT_MATCHED' : t('additionalService.accountHolderAuth.accountHolderNameMismatch'),
+        'FAILED' : t('additionalService.accountHolderAuth.authFailedAccountError')
     }
 
     return AuthResultMap[status] || status;
diff --git a/src/entities/additional-service/model/account-holder-search/constant.ts b/src/entities/additional-service/model/account-holder-search/constant.ts
index 2e4c67f..a90ed5b 100644
--- a/src/entities/additional-service/model/account-holder-search/constant.ts
+++ b/src/entities/additional-service/model/account-holder-search/constant.ts
@@ -1,25 +1,26 @@
+import { TFunction } from 'i18next';
 import { ProcessResult } from "../types";
 import { AccountHolderResultStatus, AccountHolderSearchCl } from "./types";
 
 
-export const resultStatusBtnGroup = [
-  { name: '전체', value: AccountHolderResultStatus.ALL },
-  { name: '성공', value: AccountHolderResultStatus.SUCCESS },
-  { name: '실패', value: AccountHolderResultStatus.FAIL },
+export const getResultStatusBtnGroup = (t: TFunction) => [
+  { name: t('transaction.constants.all'), value: AccountHolderResultStatus.ALL },
+  { name: t('additionalService.common.success'), value: AccountHolderResultStatus.SUCCESS },
+  { name: t('additionalService.common.fail'), value: AccountHolderResultStatus.FAIL },
 ]
 
-export const SearchTypeOption = [
-  { name: '예금주', value: AccountHolderSearchCl.ACCOUNT_NAME },
-  { name: '계좌번호', value: AccountHolderSearchCl.ACCOUNT_NO },
+export const getSearchTypeOption = (t: TFunction) => [
+  { name: t('additionalService.accountHolderSearch.accountHolder'), value: AccountHolderSearchCl.ACCOUNT_NAME },
+  { name: t('additionalService.accountHolderSearch.accountNumber'), value: AccountHolderSearchCl.ACCOUNT_NO },
 ];
 
 
-export const getAccountHolderStatusText = (status?: string): string => {
+export const getAccountHolderStatusText = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
 
   const resultStatusMap: Record<string, string> = {
-    'SUCCESS': '성공',
-    'FAIL': '실패'
+    'SUCCESS': t('additionalService.common.success'),
+    'FAIL': t('additionalService.common.fail')
   };
   return resultStatusMap[status] || status;
 }
\ No newline at end of file
diff --git a/src/entities/additional-service/model/alimtalk/constant.ts b/src/entities/additional-service/model/alimtalk/constant.ts
index c70ef47..20c6f6f 100644
--- a/src/entities/additional-service/model/alimtalk/constant.ts
+++ b/src/entities/additional-service/model/alimtalk/constant.ts
@@ -1,90 +1,91 @@
+import { TFunction } from 'i18next';
 import { AlimtalkAlimCl, AlimtalkSearchCl, AlimTalkSendCl, AlimtalkSendType, ServiceCode } from "./types";
 
-export const AlimtalkSearchClOptionGroup = [
-    { name: '주문자', value: AlimtalkSearchCl.BUYER_NAME },
-    { name: 'TID', value: AlimtalkSearchCl.TID },
+export const getAlimtalkSearchClOptionGroup = (t: TFunction) => [
+    { name: t('additionalService.alimtalk.buyer'), value: AlimtalkSearchCl.BUYER_NAME },
+    { name: t('transaction.constants.tid'), value: AlimtalkSearchCl.TID },
 ];
 
-export const AlimtalkServiceCodeOptionGroup = [
-    { name: '전체', value: '' },
-    { name: '카드', value: ServiceCode.CARD },
-    { name: '계좌이체', value: ServiceCode.BANK },
-    { name: '가상계좌', value: ServiceCode.VBANK },
-    { name: '휴대폰', value: ServiceCode.PHONE }
+export const getAlimtalkServiceCodeOptionGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: '' },
+    { name: t('transaction.constants.card'), value: ServiceCode.CARD },
+    { name: t('transaction.constants.accountTransfer'), value: ServiceCode.BANK },
+    { name: t('transaction.constants.virtualAccount'), value: ServiceCode.VBANK },
+    { name: t('transaction.constants.mobilePhone'), value: ServiceCode.PHONE }
 ]
 
-// 알림구분 - 카드/계좌이체/휴대폰용
-export const AlimtalkAlimClBtnGroupForGeneral = [
-    { name: '전체', value: '' },
-    { name: '승인', value: AlimtalkAlimCl.APPROVAL },
-    { name: '취소', value: AlimtalkAlimCl.CANCEL }
+// Notification type - For Card/Account Transfer/Mobile
+export const getAlimtalkAlimClBtnGroupForGeneral = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: '' },
+    { name: t('transaction.constants.approval'), value: AlimtalkAlimCl.APPROVAL },
+    { name: t('transaction.constants.cancel'), value: AlimtalkAlimCl.CANCEL }
 ]
 
-// 알림구분 - 가상계좌용
-export const AlimtalkAlimClBtnGroupForVBank = [
-    { name: '전체', value: '' },
-    { name: '입금요청', value: AlimtalkAlimCl.DEPOSIT_REQUEST },
-    { name: '입금완료', value: AlimtalkAlimCl.DEPOSIT_COMPLETE },
-    { name: '환불', value: AlimtalkAlimCl.REFUND }
+// Notification type - For Virtual Account
+export const getAlimtalkAlimClBtnGroupForVBank = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: '' },
+    { name: t('additionalService.alimtalk.depositRequest'), value: AlimtalkAlimCl.DEPOSIT_REQUEST },
+    { name: t('additionalService.alimtalk.depositComplete'), value: AlimtalkAlimCl.DEPOSIT_COMPLETE },
+    { name: t('transaction.constants.refund'), value: AlimtalkAlimCl.REFUND }
 ]
 
-export const AlimtalkSendTypeBtnGroup = [
-    { name: '전체', value: AlimtalkSendType.ALL },
-    { name: '카카오톡', value: AlimtalkSendType.KAKAOTALK },
-    { name: 'FB SMS', value: AlimtalkSendType.FB_SMS }
+export const getAlimtalkSendTypeBtnGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: AlimtalkSendType.ALL },
+    { name: t('additionalService.alimtalk.kakaotalk'), value: AlimtalkSendType.KAKAOTALK },
+    { name: t('additionalService.alimtalk.fbSms'), value: AlimtalkSendType.FB_SMS }
 ]
 
-export const AlimtalkSendClBtnGroup = [
-    { name: '전체', value: AlimTalkSendCl.ALL },
-    { name: '요청', value: AlimTalkSendCl.REQUEST },
-    { name: '성공', value: AlimTalkSendCl.SUCCESS },
-    { name: '실패', value: AlimTalkSendCl.FAIL }
+export const getAlimtalkSendClBtnGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: AlimTalkSendCl.ALL },
+    { name: t('additionalService.common.request'), value: AlimTalkSendCl.REQUEST },
+    { name: t('additionalService.common.success'), value: AlimTalkSendCl.SUCCESS },
+    { name: t('additionalService.common.fail'), value: AlimTalkSendCl.FAIL }
 ]
 
-export const getAlimtalkAlimClText = (status?: string): string => {
+export const getAlimtalkAlimClText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const alimClMap: Record<string, string> = {
-        'APPROVAL' : '승인',
-        'CANCEL' : '취소',
-        'DEPOSIT_REQUEST' : '입금요청',
-        'DEPOSIT_COMPLETE' : '입금완료',
-        'REFUND' : '환불'
+        'APPROVAL' : t('transaction.constants.approval'),
+        'CANCEL' : t('transaction.constants.cancel'),
+        'DEPOSIT_REQUEST' : t('additionalService.alimtalk.depositRequest'),
+        'DEPOSIT_COMPLETE' : t('additionalService.alimtalk.depositComplete'),
+        'REFUND' : t('transaction.constants.refund')
     }
     return alimClMap[status] || status;
 
 }
 
-export const getAlimtalkSendTypeText = (status?: string): string => {
+export const getAlimtalkSendTypeText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const sendTypeMap: Record<string, string> = {
-        "KAKAOTALK": '카카오톡',
-        'FB SMS': '페이스북',
+        "KAKAOTALK": t('additionalService.alimtalk.kakaotalk'),
+        'FB SMS': t('additionalService.alimtalk.fbSms'),
     };
 
     return sendTypeMap[status] || status;
 }
 
-export const getAlimtalkSendClTypeText = (status?: string): string => {
+export const getAlimtalkSendClTypeText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const sendClMap: Record<string, string> = {
-        'REQUEST': '요청',
-        'SUCCESS': '성공',
-        'FAIL': '실패'
+        'REQUEST': t('additionalService.common.request'),
+        'SUCCESS': t('additionalService.common.success'),
+        'FAIL': t('additionalService.common.fail')
     };
     return sendClMap[status] || status;
 }
 
-export const getAlimtalkServiceCodeText = (status?: string): string => {
+export const getAlimtalkServiceCodeText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const serviceCodeMap: Record<string, string> = {
-        'CARD': '신용카드',
-        'BANK': '계좌이체',
-        'VBANK': '가상계좌',
-        'PHONE': '휴대폰'
+        'CARD': t('transaction.constants.creditCard'),
+        'BANK': t('transaction.constants.accountTransfer'),
+        'VBANK': t('transaction.constants.virtualAccount'),
+        'PHONE': t('transaction.constants.mobilePhone')
     }
 
     return serviceCodeMap[status] || status;
diff --git a/src/entities/additional-service/model/ars/constant.ts b/src/entities/additional-service/model/ars/constant.ts
index 8539456..5233780 100644
--- a/src/entities/additional-service/model/ars/constant.ts
+++ b/src/entities/additional-service/model/ars/constant.ts
@@ -1,30 +1,33 @@
+import { TFunction } from 'i18next';
 import { ArsPaymentMethod, OrderStatus, PaymentStatus } from './types';
 
-export const ArsPaymentStatusBtnGroup = [
-  {name: '전체', value: PaymentStatus.ALL },
-  {name: '결제완료', value: PaymentStatus.COMPLETE },
-  {name: '미결제', value: PaymentStatus.UNPAID }
+export const getArsPaymentStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: PaymentStatus.ALL },
+  {name: t('additionalService.ars.paymentComplete'), value: PaymentStatus.COMPLETE },
+  {name: t('additionalService.ars.unpaid'), value: PaymentStatus.UNPAID }
 ];
-export const ArsOrderStatusBtnGroup = [
-  {name: '전체', value: OrderStatus.ALL },
-  {name: '결제대기', value: OrderStatus.PENDING },
-  {name: '결제성공', value: OrderStatus.SUCCESS },
-  {name: '기간만료', value: OrderStatus.EXPIRED },
-  {name: '취소완료', value: OrderStatus.CANCELED },
+
+export const getArsOrderStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: OrderStatus.ALL },
+  {name: t('additionalService.ars.pendingPayment'), value: OrderStatus.PENDING },
+  {name: t('additionalService.ars.paymentSuccess'), value: OrderStatus.SUCCESS },
+  {name: t('additionalService.ars.expired'), value: OrderStatus.EXPIRED },
+  {name: t('additionalService.ars.canceled'), value: OrderStatus.CANCELED },
 ];
-export const ArsPaymentMethodBtnGroup = [
+
+export const getArsPaymentMethodBtnGroup = (t: TFunction) => [
   {name: 'SMS', value: ArsPaymentMethod.SMS },
   {name: 'ARS', value: ArsPaymentMethod.ARS },
 ];
 
-export const getArsPaymentStatusName = (status?: string): string => {
+export const getArsPaymentStatusName = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
-  const found = ArsPaymentStatusBtnGroup.find(item => item.value === status);
+  const found = getArsPaymentStatusBtnGroup(t).find(item => item.value === status);
   return found ? found.name : status;
 }
 
-export const getArsOrderStatusName = (status?: string): string => {
+export const getArsOrderStatusName = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
-  const found = ArsOrderStatusBtnGroup.find(item => item.value === status);
+  const found = getArsOrderStatusBtnGroup(t).find(item => item.value === status);
   return found ? found.name : status;
 }
\ No newline at end of file
diff --git a/src/entities/additional-service/model/face-auth/constant.ts b/src/entities/additional-service/model/face-auth/constant.ts
index b80f192..698cdaf 100644
--- a/src/entities/additional-service/model/face-auth/constant.ts
+++ b/src/entities/additional-service/model/face-auth/constant.ts
@@ -1,35 +1,36 @@
+import { TFunction } from 'i18next';
 import { FaceAuthResult, FaceAuthTransType } from "./types";
 
-export const AuthResultBtnGroup = [
-    { name: '전체', value: FaceAuthResult.ALL },
-    { name: '성공', value: FaceAuthResult.SUCCESS },
-    { name: '실패', value: FaceAuthResult.FAIL },
+export const getAuthResultBtnGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: FaceAuthResult.ALL },
+    { name: t('additionalService.common.success'), value: FaceAuthResult.SUCCESS },
+    { name: t('additionalService.common.fail'), value: FaceAuthResult.FAIL },
 ];
 
-export const TransactionTypeBtnGroup = [
-    { name: '전체', value: FaceAuthTransType.ALL },
-    { name: '인증', value: FaceAuthTransType.AUTH },
-    { name: '등록', value: FaceAuthTransType.REGISTER },
+export const getTransactionTypeBtnGroup = (t: TFunction) => [
+    { name: t('transaction.constants.all'), value: FaceAuthTransType.ALL },
+    { name: t('additionalService.faceAuth.authentication'), value: FaceAuthTransType.AUTH },
+    { name: t('additionalService.faceAuth.registration'), value: FaceAuthTransType.REGISTER },
 ];
 
 
-export const getAuthResultStatusText = (status?: string): string => {
+export const getAuthResultStatusText = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
 
     const authResultMap: Record<string, string> = {
-        'SUCCESS': '성공',
-        'FAIL': '실패'
+        'SUCCESS': t('additionalService.common.success'),
+        'FAIL': t('additionalService.common.fail')
     }
 
     return authResultMap[status] || status;
 }
 
-export const getTransTypeText = (transType?: string): string => {
+export const getTransTypeText = (t: TFunction) => (transType?: string): string => {
     if (!transType) return '';
 
     const transTypeMap: Record<string, string> = {
-        'REGISTER': '등록',
-        'AUTH': '인증'
+        'REGISTER': t('additionalService.faceAuth.registration'),
+        'AUTH': t('additionalService.faceAuth.authentication')
     }
 
     return transTypeMap[transType] || transType;
diff --git a/src/entities/additional-service/model/fund-account/constant.ts b/src/entities/additional-service/model/fund-account/constant.ts
index 30001f9..befb42f 100644
--- a/src/entities/additional-service/model/fund-account/constant.ts
+++ b/src/entities/additional-service/model/fund-account/constant.ts
@@ -1,3 +1,4 @@
+import { TFunction } from 'i18next';
 import {
   FundAccountReceiveAccountNameNo,
   FundAccountResultStatus,
@@ -6,41 +7,41 @@ import {
   FundAccountStatus
 } from './types';
 
-export const FundAccountStatusBtnGroup = [
-  { name: '전체', value: FundAccountStatus.ALL },
-  { name: '등록완료', value: FundAccountStatus.REGIST_COMPLETE },
-  { name: '이체요청', value: FundAccountStatus.TRANSFER_REQUEST },
-  { name: '요청성공', value: FundAccountStatus.REQUEST_SUCCESS },
-  { name: '요청실패', value: FundAccountStatus.REQUEST_FAIL }
+export const getFundAccountStatusBtnGroup = (t: TFunction) => [
+  { name: t('transaction.constants.all'), value: FundAccountStatus.ALL },
+  { name: t('additionalService.fundAccount.registrationComplete'), value: FundAccountStatus.REGIST_COMPLETE },
+  { name: t('additionalService.fundAccount.transferRequest'), value: FundAccountStatus.TRANSFER_REQUEST },
+  { name: t('additionalService.fundAccount.requestSuccess'), value: FundAccountStatus.REQUEST_SUCCESS },
+  { name: t('additionalService.fundAccount.requestFail'), value: FundAccountStatus.REQUEST_FAIL }
 ];
 
-export const FundAccountResultStatusBtnGroup = [
-  { name: '전체', value: FundAccountResultStatus.ALL },
-  { name: '요청', value: FundAccountResultStatus.REQUEST },
-  { name: '성공', value: FundAccountResultStatus.SUCCESS },
-  { name: '실패', value: FundAccountResultStatus.FAIL },
+export const getFundAccountResultStatusBtnGroup = (t: TFunction) => [
+  { name: t('transaction.constants.all'), value: FundAccountResultStatus.ALL },
+  { name: t('additionalService.common.request'), value: FundAccountResultStatus.REQUEST },
+  { name: t('additionalService.common.success'), value: FundAccountResultStatus.SUCCESS },
+  { name: t('additionalService.common.fail'), value: FundAccountResultStatus.FAIL },
 
 ]
 
-export const getFundAccountStatusName = (status?: string): string => {
+export const getFundAccountStatusName = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
-  const found = FundAccountStatusBtnGroup.find(item => item.value === status);
+  const found = getFundAccountStatusBtnGroup(t).find(item => item.value === status);
   return found ? found.name : status;
 };
 
-export const getFundAccountResultStatusName = (status?: string): string => {
-  
+export const getFundAccountResultStatusName = (t: TFunction) => (status?: string): string => {
+
   if (!status) return '';
-  const found = FundAccountResultStatusBtnGroup.find(item => item.value === status);
+  const found = getFundAccountResultStatusBtnGroup(t).find(item => item.value === status);
   return found ? found.name : status;
 }
 
-export const FundAccountResultSearchDateTypeBtnGroup = [
-  { name: '요청일자', value: FundAccountSearchDateType.REQUEST_DATE },
-  { name: '이체일자', value: FundAccountSearchDateType.APPLICATION_DATE }
+export const getFundAccountResultSearchDateTypeBtnGroup = (t: TFunction) => [
+  { name: t('additionalService.fundAccount.requestDate'), value: FundAccountSearchDateType.REQUEST_DATE },
+  { name: t('additionalService.fundAccount.transferDate'), value: FundAccountSearchDateType.APPLICATION_DATE }
 ];
 
-export const FundAccountSearchClOptionsGroup = [
-  { name: '수취인', value: FundAccountSearchCl.ACCOUNT_NAME },
-  { name: '계좌번호', value: FundAccountSearchCl.ACCOUNT_NO },
+export const getFundAccountSearchClOptionsGroup = (t: TFunction) => [
+  { name: t('additionalService.fundAccount.recipient'), value: FundAccountSearchCl.ACCOUNT_NAME },
+  { name: t('additionalService.fundAccount.accountNumber'), value: FundAccountSearchCl.ACCOUNT_NO },
 ];
\ No newline at end of file
diff --git a/src/entities/additional-service/model/key-in/constant.ts b/src/entities/additional-service/model/key-in/constant.ts
index 89cb73a..b37abbc 100644
--- a/src/entities/additional-service/model/key-in/constant.ts
+++ b/src/entities/additional-service/model/key-in/constant.ts
@@ -1,15 +1,15 @@
+import { TFunction } from 'i18next';
 import { KeyInPaymentTansactionType } from "./types";
 
-// contant로 옮기기
-export const keyInPaymentPaymentStatusBtnGroup = [
-  { name: '전체', value: KeyInPaymentTansactionType.ALL },
-  { name: '승인', value: KeyInPaymentTansactionType.APPROVAL },
-  { name: '전취소', value: KeyInPaymentTansactionType.FULL_CANCEL },
-  { name: '후취소', value: KeyInPaymentTansactionType.PARTIAL_CANCEL }
+export const getKeyInPaymentPaymentStatusBtnGroup = (t: TFunction) => [
+  { name: t('transaction.constants.all'), value: KeyInPaymentTansactionType.ALL },
+  { name: t('transaction.constants.approval'), value: KeyInPaymentTansactionType.APPROVAL },
+  { name: t('additionalService.keyIn.fullCancel'), value: KeyInPaymentTansactionType.FULL_CANCEL },
+  { name: t('additionalService.keyIn.partialCancel'), value: KeyInPaymentTansactionType.PARTIAL_CANCEL }
 ];
 
-export const getKeyInPaymentPaymentStatusName = (status?: string): string => {
+export const getKeyInPaymentPaymentStatusName = (t: TFunction) => (status?: string): string => {
     if (!status) return '';
-    const found = keyInPaymentPaymentStatusBtnGroup.find(item => item.value === status);
+    const found = getKeyInPaymentPaymentStatusBtnGroup(t).find(item => item.value === status);
     return found ? found.name : status;
 }
\ No newline at end of file
diff --git a/src/entities/additional-service/model/link-pay/constant.ts b/src/entities/additional-service/model/link-pay/constant.ts
index e320d7a..a655cb0 100644
--- a/src/entities/additional-service/model/link-pay/constant.ts
+++ b/src/entities/additional-service/model/link-pay/constant.ts
@@ -1,7 +1,8 @@
+import { TFunction } from 'i18next';
 import { LinkPaymentProcessStatus } from "./types";
 
-export const ProcessStatusBtnGrouup = [
-  { name: '전체', value: LinkPaymentProcessStatus.ALL },
-  { name: '발송요청', value: LinkPaymentProcessStatus.SEND_REQUEST },
-  { name: '발송취소', value: LinkPaymentProcessStatus.SEND_CANCEL }
+export const getProcessStatusBtnGroup = (t: TFunction) => [
+  { name: t('transaction.constants.all'), value: LinkPaymentProcessStatus.ALL },
+  { name: t('additionalService.linkPay.sendRequest'), value: LinkPaymentProcessStatus.SEND_REQUEST },
+  { name: t('additionalService.linkPay.sendCancel'), value: LinkPaymentProcessStatus.SEND_CANCEL }
 ]
\ No newline at end of file
diff --git a/src/entities/additional-service/model/payout/constant.ts b/src/entities/additional-service/model/payout/constant.ts
index d6921b3..656f0f3 100644
--- a/src/entities/additional-service/model/payout/constant.ts
+++ b/src/entities/additional-service/model/payout/constant.ts
@@ -1,23 +1,25 @@
+import { TFunction } from 'i18next';
 import { PayoutSearchDateType, PayoutDisbursementStatus } from './types';
 
-export const PayoutSearchClBtnGroup = [
-  {name: '요청일자', value: PayoutSearchDateType.REQUEST_DATE },
-  {name: '지급일자', value: PayoutSearchDateType.SETTLEMENT_DATE }
-];
-export const PayoutDisbursementStatusBtnGroup = [
-  {name: '전체', value: PayoutDisbursementStatus.ALL},
-  {name: '요청', value: PayoutDisbursementStatus.REQUEST},
-  {name: '성공', value: PayoutDisbursementStatus.SUCCESS},
-  {name: '실패', value: PayoutDisbursementStatus.FAIL},
+export const getPayoutSearchClBtnGroup = (t: TFunction) => [
+  {name: t('additionalService.payout.requestDate'), value: PayoutSearchDateType.REQUEST_DATE },
+  {name: t('additionalService.payout.disbursementDate'), value: PayoutSearchDateType.SETTLEMENT_DATE }
 ];
 
-export const getPayoutStatusText = (status?: string): string => {
+export const getPayoutDisbursementStatusBtnGroup = (t: TFunction) => [
+  {name: t('transaction.constants.all'), value: PayoutDisbursementStatus.ALL},
+  {name: t('additionalService.common.request'), value: PayoutDisbursementStatus.REQUEST},
+  {name: t('additionalService.common.success'), value: PayoutDisbursementStatus.SUCCESS},
+  {name: t('additionalService.common.fail'), value: PayoutDisbursementStatus.FAIL},
+];
+
+export const getPayoutStatusText = (t: TFunction) => (status?: string): string => {
   if (!status) return '';
 
   const statusMap: Record<string, string> = {
-    "REQUEST" : "요청",
-    "SUCCESS" : "성공",
-    "FAIL" : "실패"
+    "REQUEST" : t('additionalService.common.request'),
+    "SUCCESS" : t('additionalService.common.success'),
+    "FAIL" : t('additionalService.common.fail')
   }
 
   return statusMap[status] || status;
diff --git a/src/entities/additional-service/model/sms-payment/constant.ts b/src/entities/additional-service/model/sms-payment/constant.ts
index 16fe94a..633a388 100644
--- a/src/entities/additional-service/model/sms-payment/constant.ts
+++ b/src/entities/additional-service/model/sms-payment/constant.ts
@@ -1,13 +1,14 @@
+import { TFunction } from 'i18next';
 import { SmsCl } from './types';
 
-export const SmsClBtnGroup = [
+export const getSmsClBtnGroup = (t: TFunction) => [
   { name: '', value: SmsCl.ALL },
-  { name: '가상계좌 요청', value: SmsCl.VACCOUNT_REQ },
-  { name: '가상계좌 요청 + 입금', value: SmsCl.VACCOUNT_REQ_DEPOSIT }
+  { name: t('additionalService.sms.virtualAccountRequest'), value: SmsCl.VACCOUNT_REQ },
+  { name: t('additionalService.sms.virtualAccountRequestDeposit'), value: SmsCl.VACCOUNT_REQ_DEPOSIT }
 ];
 
-export const getSmsClName = (smsCl?: string): string => {
+export const getSmsClName = (t: TFunction) => (smsCl?: string): string => {
   if (!smsCl) return '';
-  const found = SmsClBtnGroup.find(item => item.value === smsCl);
+  const found = getSmsClBtnGroup(t).find(item => item.value === smsCl);
   return found ? found.name : smsCl;
 };
diff --git a/src/entities/additional-service/ui/ars/resend-sms-bottom-sheet.tsx b/src/entities/additional-service/ui/ars/resend-sms-bottom-sheet.tsx
index cdc9182..ff9b0a5 100644
--- a/src/entities/additional-service/ui/ars/resend-sms-bottom-sheet.tsx
+++ b/src/entities/additional-service/ui/ars/resend-sms-bottom-sheet.tsx
@@ -1,6 +1,8 @@
 import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from "@/entities/common/model/constant";
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
+
 export interface ArsResendSmsBottomSheetProps {
   bottomSheetOn: boolean;
   setBottomSheetOn: (bottomSheetOn: boolean) => void;
@@ -14,6 +16,7 @@ export const ArsResendSmsBottomSheet = ({
   phoneNumber,
   callResendSms
 }: ArsResendSmsBottomSheetProps) => {
+  const { t } = useTranslation();
 
   const onClickToClose = () => {
     setBottomSheetOn(false);
@@ -40,14 +43,14 @@ export const ArsResendSmsBottomSheet = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>SMS 재전송</h2>
+            <h2>{t('additionalService.common.resend')} SMS</h2>
             <button
               className="close-btn"
               type="button"
             >
-              <img 
+              <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt="닫기"
+                alt={t('common.close')}
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -55,7 +58,7 @@ export const ArsResendSmsBottomSheet = ({
         </div>
         <div className="bottomsheet-content">
           <div className="bottom-section">
-            <p>[01095800212] 번호로 SMS를 재발송 하시겠습니까?</p>
+            <p>[{phoneNumber}] {t('transaction.sms.resendConfirmMessage')}</p>
           </div>
         </div>
         <div className="bottomsheet-footer">
@@ -63,7 +66,7 @@ export const ArsResendSmsBottomSheet = ({
             className="btn-50 btn-blue flex-1"
             type="button"
             onClick={ () => onCliickToResendSms() }
-          >신청</button>
+          >{t('transaction.apply')}</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/additional-service/ui/filter/ars-filter.tsx b/src/entities/additional-service/ui/filter/ars-filter.tsx
index f8ac9e4..8f0d16d 100644
--- a/src/entities/additional-service/ui/filter/ars-filter.tsx
+++ b/src/entities/additional-service/ui/filter/ars-filter.tsx
@@ -1,19 +1,20 @@
 import { useEffect, useState } from 'react';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
-import { 
-  FilterMotionDuration, 
-  FilterMotionStyle, 
+import {
+  FilterMotionDuration,
+  FilterMotionStyle,
   FilterMotionVariants
 } from '@/entities/common/model/constant';
 import moment from 'moment';
 import { FilterInput } from '@/shared/ui/filter/input';
 import { OrderStatus, PaymentStatus } from '../../model/ars/types';
-import { ArsOrderStatusBtnGroup, ArsPaymentStatusBtnGroup } from '../../model/ars/constant';
+import { getArsOrderStatusBtnGroup, getArsPaymentStatusBtnGroup } from '../../model/ars/constant';
 import { useStore } from '@/shared/model/store';
 import { FilterSelectMid } from '@/shared/ui/filter/select-mid';
 
@@ -67,7 +68,9 @@ export const ArsFilter = ({
   const [filterOrderStatus, setFilterOrderStatus] = useState<OrderStatus>(orderStatus);
   const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
   const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
-  
+
+  const { t } = useTranslation();
+
   const onClickToClose = () => {
     setFilterOn(false);
   };
@@ -100,15 +103,15 @@ export const ArsFilter = ({
       >
         <div className="full-menu-container">
           <div className="full-menu-header">
-            <div className="full-menu-title center">필터</div>
+            <div className="full-menu-title center">{t('filter.filter')}</div>
             <div className="full-menu-actions">
-              <button 
+              <button
                 id="closeFullMenu"
                 className="full-menu-close"
               >
-                <img 
+                <img
                   src={ IMAGE_ROOT + '/ico_close.svg' }
-                  alt="닫기"
+                  alt={t('filter.close')}
                   onClick={ () => onClickToClose() }
                 />
               </button>
@@ -116,36 +119,36 @@ export const ArsFilter = ({
           </div>
           <div className="option-list pt-16">
             <FilterSelectMid
-              title='가맹점'
+              title={t('filter.merchant')}
               selectSetter={ setFilterMid }
               showType={ 'GID'}
             ></FilterSelectMid>
             <FilterInput
-              title='주문번호'
+              title={t('transaction.constants.orderNumber')}
               inputValue={ filterMoid }
               inputSetter={ setFilterMoid }
             ></FilterInput>
             <FilterCalendar
-              title='조회기간'
+              title={t('filter.period')}
               startDate={ filterFromDate }
               endDate={ filterToDate }
               setStartDate={ setFilterFromDate }
               setEndDate={ setFilterToDate }
             ></FilterCalendar>
             <FilterButtonGroups
-              title='결제상태'
+              title={t('transaction.filter.paymentStatus')}
               activeValue={ filterPaymentStatus }
-              btnGroups={ ArsPaymentStatusBtnGroup }
+              btnGroups={ getArsPaymentStatusBtnGroup(t) }
               setter={ setFilterPaymentStatus }
             ></FilterButtonGroups>
             <FilterButtonGroups
-              title='주문상태'
+              title={t('transaction.filter.orderStatus')}
               activeValue={ filterOrderStatus }
-              btnGroups={ ArsOrderStatusBtnGroup }
+              btnGroups={ getArsOrderStatusBtnGroup(t) }
               setter={ setFilterOrderStatus }
             ></FilterButtonGroups>
             <FilterRangeAmount
-              title='거래금액'
+              title={t('filter.transactionAmount')}
               minAmount={ filterMinAmount }
               maxAmount={ filterMaxAmount }
               setMinAmount={ setFilterMinAmount }
@@ -153,10 +156,10 @@ export const ArsFilter = ({
             ></FilterRangeAmount>
           </div>
           <div className="apply-row">
-            <button 
+            <button
               className="btn-50 btn-blue flex-1"
               onClick={ () => onClickToSetFilter() }
-            >적용</button>
+            >{t('filter.apply')}</button>
           </div>
         </div>
       </motion.div>
diff --git a/src/locales/en.json b/src/locales/en.json
index ccf7532..3a8b631 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -786,6 +786,69 @@
             "reason": "Reason",
             "accountError": "Payment Account Error",
             "agreeOrReject": "Agree/Reject Settlement"
+        },
+        "ars": {
+            "paymentComplete": "Payment Complete",
+            "unpaid": "Unpaid",
+            "pendingPayment": "Pending Payment",
+            "paymentSuccess": "Payment Success",
+            "expired": "Expired",
+            "canceled": "Canceled"
+        },
+        "sms": {
+            "virtualAccountRequest": "Virtual Account Request",
+            "virtualAccountRequestDeposit": "Virtual Account Request + Deposit"
+        },
+        "linkPay": {
+            "sendRequest": "Send Request",
+            "sendCancel": "Send Cancel",
+            "incompleteActive": "Incomplete/Active",
+            "depositRequest": "Deposit Request",
+            "paymentComplete": "Payment Complete",
+            "paymentFail": "Payment Failed",
+            "paymentStopped": "Payment Stopped",
+            "paymentStoppedInactive": "Payment Stopped/Inactive",
+            "pending": "Pending",
+            "email": "Email",
+            "alimtalk": "Alimtalk"
+        },
+        "accountHolderAuth": {
+            "accountHolderNameMatch": "Account Holder Name Match",
+            "accountHolderNameMismatch": "Account Holder Name Mismatch",
+            "authFailedAccountError": "Authentication Failed (Account Error, etc.)"
+        },
+        "accountHolderSearch": {
+            "accountHolder": "Account Holder",
+            "accountNumber": "Account Number"
+        },
+        "faceAuth": {
+            "authentication": "Authentication",
+            "registration": "Registration"
+        },
+        "fundAccount": {
+            "registrationComplete": "Registration Complete",
+            "transferRequest": "Transfer Request",
+            "requestSuccess": "Request Success",
+            "requestFail": "Request Failed",
+            "requestDate": "Request Date",
+            "transferDate": "Transfer Date",
+            "recipient": "Recipient",
+            "accountNumber": "Account Number"
+        },
+        "alimtalk": {
+            "buyer": "Buyer",
+            "depositRequest": "Deposit Request",
+            "depositComplete": "Deposit Complete",
+            "kakaotalk": "KakaoTalk",
+            "fbSms": "FB SMS"
+        },
+        "payout": {
+            "requestDate": "Request Date",
+            "disbursementDate": "Disbursement Date"
+        },
+        "keyIn": {
+            "fullCancel": "Full Cancel",
+            "partialCancel": "Partial Cancel"
         }
     },
     "merchant": {
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 8386059..0e9ca23 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -790,6 +790,69 @@
             "reason": "사유",
             "accountError": "지급 계좌오류",
             "agreeOrReject": "정산 동의/거절"
+        },
+        "ars": {
+            "paymentComplete": "결제완료",
+            "unpaid": "미결제",
+            "pendingPayment": "결제대기",
+            "paymentSuccess": "결제성공",
+            "expired": "기간만료",
+            "canceled": "취소완료"
+        },
+        "sms": {
+            "virtualAccountRequest": "가상계좌 요청",
+            "virtualAccountRequestDeposit": "가상계좌 요청 + 입금"
+        },
+        "linkPay": {
+            "sendRequest": "발송요청",
+            "sendCancel": "발송취소",
+            "incompleteActive": "미완료/활성화",
+            "depositRequest": "입금요청",
+            "paymentComplete": "결제완료",
+            "paymentFail": "결제실패",
+            "paymentStopped": "결제중단",
+            "paymentStoppedInactive": "결제중단/비활성화",
+            "pending": "대기중",
+            "email": "이메일",
+            "alimtalk": "알림톡"
+        },
+        "accountHolderAuth": {
+            "accountHolderNameMatch": "예금주명 일치",
+            "accountHolderNameMismatch": "예금주명 불일치",
+            "authFailedAccountError": "인증실패 (계좌 오류 등)"
+        },
+        "accountHolderSearch": {
+            "accountHolder": "예금주",
+            "accountNumber": "계좌번호"
+        },
+        "faceAuth": {
+            "authentication": "인증",
+            "registration": "등록"
+        },
+        "fundAccount": {
+            "registrationComplete": "등록완료",
+            "transferRequest": "이체요청",
+            "requestSuccess": "요청성공",
+            "requestFail": "요청실패",
+            "requestDate": "요청일자",
+            "transferDate": "이체일자",
+            "recipient": "수취인",
+            "accountNumber": "계좌번호"
+        },
+        "alimtalk": {
+            "buyer": "주문자",
+            "depositRequest": "입금요청",
+            "depositComplete": "입금완료",
+            "kakaotalk": "카카오톡",
+            "fbSms": "FB SMS"
+        },
+        "payout": {
+            "requestDate": "요청일자",
+            "disbursementDate": "지급일자"
+        },
+        "keyIn": {
+            "fullCancel": "전취소",
+            "partialCancel": "후취소"
         }
     },
     "merchant": {

From 07bb14944471ebbfe219e6d5627f7f67e5b814b3 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:12:18 +0900
Subject: [PATCH 11/15] Add i18n localization to home entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add translation keys to home namespace:
  - home.banner.doNotShowToday: Banner "don't show today" button
  - home.banner.close: Banner close button
  - home.biometricRegistration.*: Biometric registration dialog
  - home.notice.goTo: Notice item navigation label

- Localize 3 UI components:
  - ui/home-bottom-banner.tsx: Banner bottom sheet buttons
  - ui/home-notice-item.tsx: Notice item alt text
  - ui/auth-reguster.tsx: Biometric registration dialog

- All other home components already localized

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/home/ui/auth-reguster.tsx      | 32 ++++++++++++---------
 src/entities/home/ui/home-bottom-banner.tsx |  8 ++++--
 src/entities/home/ui/home-notice-item.tsx   |  6 ++--
 src/locales/en.json                         | 15 +++++++++-
 src/locales/ko.json                         | 15 +++++++++-
 5 files changed, 55 insertions(+), 21 deletions(-)

diff --git a/src/entities/home/ui/auth-reguster.tsx b/src/entities/home/ui/auth-reguster.tsx
index 9ff2ed8..d9db7f8 100644
--- a/src/entities/home/ui/auth-reguster.tsx
+++ b/src/entities/home/ui/auth-reguster.tsx
@@ -3,12 +3,14 @@ import { AuthRegisterProps } from '../model/types';
 import { motion } from 'framer-motion';
 import { useAppBridge } from '@/hooks/useAppBridge';
 import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from '@/entities/common/model/constant';
+import { useTranslation } from 'react-i18next';
 
 export const AuthRegister = ({
   setAuthRegisterOn,
   authRegisterOn,
 }: AuthRegisterProps) => {
   const { registerBiometric, closeBiometricRegistrationPopup } = useAppBridge();
+  const { t } = useTranslation();
 
   const onClickToClose = () => {
     closeBiometricRegistrationPopup();
@@ -33,14 +35,14 @@ export const AuthRegister = ({
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>간편 인증 등록</h2>
-            <button 
-              className="close-btn" 
+            <h2>{t('home.biometricRegistration.title')}</h2>
+            <button
+              className="close-btn"
               type="button"
             >
-              <img 
+              <img
                 src={ IMAGE_ROOT + '/ico_close.svg' }
-                alt="닫기"
+                alt={t('common.close')}
                 onClick={ () => onClickToClose() }
               />
             </button>
@@ -49,22 +51,26 @@ export const AuthRegister = ({
         <div className="bottomsheet-content">
           <div className="text-section">
             <div>
-              간편 인증 등록 한번으로,<br/>
-              비밀번호 없이 편리하게 로그인하세요.
+              {t('home.biometricRegistration.description').split('\n').map((line, index) => (
+                <span key={index}>
+                  {line}
+                  {index === 0 && <br />}
+                </span>
+              ))}
             </div>
           </div>
         </div>
         <div className="bottomsheet-footer">
-          <button 
-            className="btn-50 btn-darkgray flex-1" 
+          <button
+            className="btn-50 btn-darkgray flex-1"
             type="button"
             onClick={ () => onClickToClose() }
-          >다음에</button>
-          <button 
-            className="btn-50 btn-blue flex-2" 
+          >{t('home.biometricRegistration.later')}</button>
+          <button
+            className="btn-50 btn-blue flex-2"
             type="button"
             onClick={ () => onClickToRegister() }
-          >지금 등록하기</button>
+          >{t('home.biometricRegistration.registerNow')}</button>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/home/ui/home-bottom-banner.tsx b/src/entities/home/ui/home-bottom-banner.tsx
index bf54b59..c01a53a 100644
--- a/src/entities/home/ui/home-bottom-banner.tsx
+++ b/src/entities/home/ui/home-bottom-banner.tsx
@@ -11,6 +11,7 @@ import { useEffect, useState } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import 'swiper/css';
 import { Autoplay, Pagination } from 'swiper/modules';
+import { useTranslation } from 'react-i18next';
 
 export const HomeBottomBanner = ({
   setBottomBannerOn,
@@ -18,7 +19,8 @@ export const HomeBottomBanner = ({
   bannerList
 }: HomeBottomBannerProps) => {
   const { navigate } = useNavigate();
-  
+  const { t } = useTranslation();
+
   const [isFirstOpen, setIsFirstOpen] = useState<boolean>(false);
   const [currentSlide, setCurrentSlide] = useState<number>(1);
 
@@ -109,8 +111,8 @@ export const HomeBottomBanner = ({
           </div>
         </div>
         <div className="bottom-btn">
-          <span onClick={ () => onClickToCloseDay() }>오늘 하루 보지 않기</span>
-          <span onClick={ () => onClickToClose() }>닫기</span>
+          <span onClick={ () => onClickToCloseDay() }>{t('home.banner.doNotShowToday')}</span>
+          <span onClick={ () => onClickToClose() }>{t('home.banner.close')}</span>
         </div>
       </motion.div>
     </>
diff --git a/src/entities/home/ui/home-notice-item.tsx b/src/entities/home/ui/home-notice-item.tsx
index cd84e3a..0cbe040 100644
--- a/src/entities/home/ui/home-notice-item.tsx
+++ b/src/entities/home/ui/home-notice-item.tsx
@@ -34,9 +34,9 @@ export const HomeNoticeItem = ({
           <div className="notice-meta">{ t(`support.notice.categories.${informCl}`) }<span>{ moment(regDt).format('YY년 MM월 DD일') }</span></div>
         </div>
         <div className="notice-arrow">
-          <img 
-            src={ IMAGE_ROOT + '/Forward.svg' } 
-            alt="공지사항 바로가기" 
+          <img
+            src={ IMAGE_ROOT + '/Forward.svg' }
+            alt={t('home.notice.goTo')}
           />
         </div>
       </div>
diff --git a/src/locales/en.json b/src/locales/en.json
index 3a8b631..853b9a3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -325,7 +325,20 @@
         "topSalesDays": "Top Sales Days",
         "topSalesHours": "Top Sales Hours",
         "topPaymentMethods": "Top Payment Methods",
-        "noticesAndUpdates": "Notices & Updates"
+        "noticesAndUpdates": "Notices & Updates",
+        "banner": {
+            "doNotShowToday": "Don't show today",
+            "close": "Close"
+        },
+        "biometricRegistration": {
+            "title": "Biometric Authentication Setup",
+            "description": "Register biometric authentication once,\nand log in conveniently without a password.",
+            "later": "Later",
+            "registerNow": "Register Now"
+        },
+        "notice": {
+            "goTo": "Go to Notice"
+        }
     },
     "settlement": {
         "title": "Settlement",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 0e9ca23..e5a73d8 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -329,7 +329,20 @@
         "topSalesDays": "매출이 가장 높은 요일",
         "topSalesHours": "매출이 가장 높은 시간",
         "topPaymentMethods": "가장 많이쓰인 결제 수단",
-        "noticesAndUpdates": "공지 & 최신정보"
+        "noticesAndUpdates": "공지 & 최신정보",
+        "banner": {
+            "doNotShowToday": "오늘 하루 보지 않기",
+            "close": "닫기"
+        },
+        "biometricRegistration": {
+            "title": "간편 인증 등록",
+            "description": "간편 인증 등록 한번으로,\n비밀번호 없이 편리하게 로그인하세요.",
+            "later": "다음에",
+            "registerNow": "지금 등록하기"
+        },
+        "notice": {
+            "goTo": "공지사항 바로가기"
+        }
     },
     "settlement": {
         "title": "정산조회",

From 42644f1f676bdb39404a55c082423da4aa5d5932 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:15:46 +0900
Subject: [PATCH 12/15] Add i18n localization to support entity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add translation keys to support.qna namespace:
  - support.qna.registrationDate: QnA item registration date label
  - support.qna.status: QnA item status label

- Localize ui/qna-item.tsx:
  - Replace hardcoded "등록일" with translation key
  - Replace hardcoded "상태" with translation key

- Other support files (notice-item.tsx, faq-item.tsx) already localized

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/support/ui/qna-item.tsx | 4 ++--
 src/locales/en.json                  | 2 ++
 src/locales/ko.json                  | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/entities/support/ui/qna-item.tsx b/src/entities/support/ui/qna-item.tsx
index 312c9bc..f28cd3e 100644
--- a/src/entities/support/ui/qna-item.tsx
+++ b/src/entities/support/ui/qna-item.tsx
@@ -48,8 +48,8 @@ export const SupportQnaItem = ({
         <div className="inq-line">
           <div className="inq-title-text">{ title }</div>
           <div className="inq-meta">
-            등록일<span>{ moment(requestDate).format('YYYY.MM.DD') }</span>
-            <span className="sai">ㅣ</span>상태 <span>[{t(`support.qna.statusCode.${statusCode}`)}]</span>
+            {t('support.qna.registrationDate')}<span>{ moment(requestDate).format('YYYY.MM.DD') }</span>
+            <span className="sai">ㅣ</span>{t('support.qna.status')} <span>[{t(`support.qna.statusCode.${statusCode}`)}]</span>
           </div>
           <span className={`dot ${(statusCode === '03')? 'blue': 'gray'}`}></span>
         </div>
diff --git a/src/locales/en.json b/src/locales/en.json
index 853b9a3..935e894 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -184,6 +184,8 @@
             "merchant": "Merchant",
             "all": "All",
             "inquiryButton": "Submit Inquiry",
+            "registrationDate": "Registered",
+            "status": "Status",
             "categories": {
                 "all": "All",
                 "choose": "Choose",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index e5a73d8..e4c1b9c 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -189,6 +189,8 @@
             "merchant": "가맹점",
             "all": "전체",
             "inquiryButton": "1:1 문의하기",
+            "registrationDate": "등록일",
+            "status": "상태",
             "categories": {
                 "all": "모두",
                 "choose": "선택",

From d8c25b154cac44724d990ca35a964d403d47401e Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:19:42 +0900
Subject: [PATCH 13/15] Add i18n localization to calendar-month filter
 component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add translation keys to filter namespace:
  - filter.periods.currentMonth: Current month period option
  - filter.periods.2months: 2 months period option
  - filter.selectDate: Date selection placeholder and alt text

- Localize shared/ui/filter/calendar-month.tsx:
  - Replace hardcoded "조회기간" with filter.period
  - Replace hardcoded "당월" with filter.periods.currentMonth
  - Replace hardcoded "2개월" with filter.periods.2months
  - Replace hardcoded "3개월" with filter.periods.3months
  - Replace hardcoded "직접입력" with filter.periods.custom
  - Replace hardcoded "날짜 선택" with filter.selectDate

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/locales/en.json                     |  3 +++
 src/locales/ko.json                     |  3 +++
 src/shared/ui/filter/calendar-month.tsx | 32 +++++++++++++------------
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 935e894..f67b51d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -91,11 +91,14 @@
           "issueNumber": "Issue Number"
         },
         "periods": {
+          "currentMonth": "Current Month",
           "1month": "1 Month",
+          "2months": "2 Months",
           "3months": "3 Months",
           "6months": "6 Months",
           "custom": "Custom"
         },
+        "selectDate": "Select Date",
         "transactionType": "Payment Type",
         "transactionTypes": {
           "all": "All",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index e4c1b9c..2c5c95b 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -91,11 +91,14 @@
           "issueNumber": "발행번호"
         },
         "periods": {
+          "currentMonth": "당월",
           "1month": "1개월",
+          "2months": "2개월",
           "3months": "3개월",
           "6months": "6개월",
           "custom": "직접입력"
         },
+        "selectDate": "날짜 선택",
         "transactionType": "거래구분",
         "transactionTypes": {
           "all": "전체",
diff --git a/src/shared/ui/filter/calendar-month.tsx b/src/shared/ui/filter/calendar-month.tsx
index a392d0b..1481f67 100644
--- a/src/shared/ui/filter/calendar-month.tsx
+++ b/src/shared/ui/filter/calendar-month.tsx
@@ -4,6 +4,7 @@ import { CalendarType, FilterMonthOptions } from '@/entities/common/model/types'
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import NiceCalendarMonth from '../calendar/nice-calendar-month';
 import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 
 interface FilterCalendarMonthProps {
   title?: string;
@@ -20,7 +21,8 @@ export const FilterCalendarMonth = ({
   setStartMonth,
   setEndMonth
 }: FilterCalendarMonthProps) => {
-  const [filterTitle, setFilterTitle] = useState<string>(title || '조회기간');
+  const { t } = useTranslation();
+  const [filterTitle, setFilterTitle] = useState<string>(title || t('filter.period'));
   const [monthReadOnly, setMonthReadyOnly] = useState<boolean>(false);
   const [filterMonthOptionsBtn, setFilterMonthOptionsBtn] = useState<FilterMonthOptions>(FilterMonthOptions.Input);
   const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
@@ -83,22 +85,22 @@ export const FilterCalendarMonth = ({
         <div className="opt-label">{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
-            <span 
+            <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month1)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month1) }
-            >당월</span>
-            <span 
+            >{t('filter.periods.currentMonth')}</span>
+            <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month2)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month2) }
-            >2개월</span>
-            <span 
+            >{t('filter.periods.2months')}</span>
+            <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month3)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month3) }
-            >3개월</span>
-            <span 
+            >{t('filter.periods.3months')}</span>
+            <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Input)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Input) }
-            >직접입력</span>
+            >{t('filter.periods.custom')}</span>
           </div>
           <div className="range-row">
             <div className="input-wrapper date">
@@ -106,7 +108,7 @@ export const FilterCalendarMonth = ({
                 id="startDate"
                 className="date-input"
                 type="text"
-                placeholder="날짜 선택"
+                placeholder={t('filter.selectDate')}
                 value={ moment(startMonth).format('YYYY.MM') }
                 onChange={ (e: ChangeEvent<HTMLInputElement>) => {} }
                 readOnly={ monthReadOnly }
@@ -118,7 +120,7 @@ export const FilterCalendarMonth = ({
               >
                 <img
                   src={ IMAGE_ROOT + '/ico_date.svg' }
-                  alt="날짜 선택"
+                  alt={t('filter.selectDate')}
                 />
               </button>
             </div>
@@ -128,19 +130,19 @@ export const FilterCalendarMonth = ({
                 id="endDate"
                 className="date-input"
                 type="text"
-                placeholder="날짜 선택"
+                placeholder={t('filter.selectDate')}
                 value={ moment(endMonth).format('YYYY.MM') }
                 onChange={ (e: ChangeEvent<HTMLInputElement>) => {} }
                 readOnly={ monthReadOnly }
               />
-              <button 
-                type="button" 
+              <button
+                type="button"
                 className="date-btn"
                 onClick={ () => onClickToOpenCalendar(CalendarType.End) }
               >
                 <img
                   src={ IMAGE_ROOT + '/ico_date.svg' }
-                  alt="날짜 선택"
+                  alt={t('filter.selectDate')}
                 />
               </button>
             </div>

From de4e8ce3c598fa862b80e02ed13f39b14ff10e2d Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:22:15 +0900
Subject: [PATCH 14/15] Add i18n localization to calendar filter component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add translation keys to filter.periods namespace:
  - filter.periods.today: Today period option
  - filter.periods.week: Week period option

- Localize shared/ui/filter/calendar.tsx:
  - Replace hardcoded "조회기간" with filter.period
  - Replace hardcoded "당일" with filter.periods.today
  - Replace hardcoded "일주일" with filter.periods.week
  - Replace hardcoded "1개월" with filter.periods.1month
  - Replace hardcoded "직접입력" with filter.periods.custom
  - Replace hardcoded "날짜 선택" with filter.selectDate

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/locales/en.json               |  2 ++
 src/locales/ko.json               |  2 ++
 src/shared/ui/filter/calendar.tsx | 32 ++++++++++++++++---------------
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index f67b51d..5faf48b 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -91,6 +91,8 @@
           "issueNumber": "Issue Number"
         },
         "periods": {
+          "today": "Today",
+          "week": "1 Week",
           "currentMonth": "Current Month",
           "1month": "1 Month",
           "2months": "2 Months",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 2c5c95b..63db7b4 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -91,6 +91,8 @@
           "issueNumber": "발행번호"
         },
         "periods": {
+          "today": "당일",
+          "week": "일주일",
           "currentMonth": "당월",
           "1month": "1개월",
           "2months": "2개월",
diff --git a/src/shared/ui/filter/calendar.tsx b/src/shared/ui/filter/calendar.tsx
index 164f5f0..4cd5675 100644
--- a/src/shared/ui/filter/calendar.tsx
+++ b/src/shared/ui/filter/calendar.tsx
@@ -4,6 +4,7 @@ import { CalendarType, FilterDateOptions } from '@/entities/common/model/types';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import NiceCalendar from '../calendar/nice-calendar';
 import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 
 interface FilterCalendarProps {
   title?: string;
@@ -20,7 +21,8 @@ export const FilterCalendar = ({
   setStartDate,
   setEndDate
 }: FilterCalendarProps) => {
-  const [filterTitle, setFilterTitle] = useState<string>(title || '조회기간');
+  const { t } = useTranslation();
+  const [filterTitle, setFilterTitle] = useState<string>(title || t('filter.period'));
   const [dateReadOnly, setDateReadyOnly] = useState<boolean>(false);
   const [filterDateOptionsBtn, setFilterDateOptionsBtn] = useState<FilterDateOptions>(FilterDateOptions.Input);
   const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
@@ -106,22 +108,22 @@ export const FilterCalendar = ({
         <div className="opt-label">{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
-            <span 
+            <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Today)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Today) }
-            >당일</span>
-            <span 
+            >{t('filter.periods.today')}</span>
+            <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Week)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Week) }
-            >일주일</span>
-            <span 
+            >{t('filter.periods.week')}</span>
+            <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Month)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Month) }
-            >1개월</span>
-            <span 
+            >{t('filter.periods.1month')}</span>
+            <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Input)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Input) }
-            >직접입력</span>
+            >{t('filter.periods.custom')}</span>
           </div>
           <div className="range-row">
             <div className="input-wrapper date">
@@ -129,7 +131,7 @@ export const FilterCalendar = ({
                 id="startDate"
                 className="date-input"
                 type="text"
-                placeholder="날짜 선택"
+                placeholder={t('filter.selectDate')}
                 value={ newStartDate }
                 onChange={ (e: ChangeEvent<HTMLInputElement>) => {} }
                 readOnly={ dateReadOnly }
@@ -141,7 +143,7 @@ export const FilterCalendar = ({
               >
                 <img
                   src={ IMAGE_ROOT + '/ico_date.svg' }
-                  alt="날짜 선택"
+                  alt={t('filter.selectDate')}
                 />
               </button>
             </div>
@@ -151,19 +153,19 @@ export const FilterCalendar = ({
                 id="endDate"
                 className="date-input"
                 type="text"
-                placeholder="날짜 선택"
+                placeholder={t('filter.selectDate')}
                 value={ newEndDate }
                 onChange={ (e: ChangeEvent<HTMLInputElement>) => {} }
                 readOnly={ dateReadOnly }
               />
-              <button 
-                type="button" 
+              <button
+                type="button"
                 className="date-btn"
                 onClick={ () => onClickToOpenCalendar(CalendarType.End) }
               >
                 <img
                   src={ IMAGE_ROOT + '/ico_date.svg' }
-                  alt="날짜 선택"
+                  alt={t('filter.selectDate')}
                 />
               </button>
             </div>

From 2ed93ec742dba4e9af73a05e6017470687188649 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 18:24:45 +0900
Subject: [PATCH 15/15] Update sorting UI spacing and layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjust gap spacing in filter header and sort options for better visual alignment.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/shared/ui/assets/css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/shared/ui/assets/css/style.css b/src/shared/ui/assets/css/style.css
index ddcd9a7..a0ec99c 100644
--- a/src/shared/ui/assets/css/style.css
+++ b/src/shared/ui/assets/css/style.css
@@ -2090,12 +2090,13 @@ input[type="radio"] {
     align-items: center;
     padding: 15px 10px;
     margin-bottom: 10px;
+    gap: 10px;
 }
 
 .sort-options {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 4px;
 }
 
 .sort-btn {