From 2417ea47f2c4a01b8a66aa15a23d3a2cfbdc6b35 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 27 Oct 2025 16:57:39 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=EC=88=98=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../alarm/ui/login-type-bottom-sheet.tsx      | 19 ++++++++++---------
 .../ui/service-language-bottom-sheet.tsx      |  7 ++++---
 src/entities/common/model/constant.ts         | 10 ++++++++++
 src/entities/common/model/types.ts            | 12 ++++++------
 src/pages/setting/setting-page.tsx            | 13 ++++++-------
 5 files changed, 36 insertions(+), 25 deletions(-)

diff --git a/src/entities/alarm/ui/login-type-bottom-sheet.tsx b/src/entities/alarm/ui/login-type-bottom-sheet.tsx
index 7e86643..c9d2da4 100644
--- a/src/entities/alarm/ui/login-type-bottom-sheet.tsx
+++ b/src/entities/alarm/ui/login-type-bottom-sheet.tsx
@@ -1,3 +1,4 @@
+import { APP_LOGIN_TYPE } from "@/entities/common/model/constant";
 import { LoginType } from "@/entities/common/model/types";
 import { IMAGE_ROOT } from "@/shared/constants/common";
 
@@ -47,17 +48,17 @@ export const LoginTypeBottomSheet = ({
           <div className="bottom-section">
             <ul className="list-style-circle link">
               <li 
-                className={ `${(loginType === LoginType['Id/Pw'])? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType['Id/Pw']) }
-              >ID/PW 입력</li>
+                className={ `${(loginType === LoginType.ID)? 'selected': ''}` }
+                onClick={ () => onChangeLoginType(LoginType.ID) }
+              >{ APP_LOGIN_TYPE[LoginType.ID] }</li>
               <li
-                className={ `${(loginType === LoginType.Finger)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType.Finger) }
-              >지문 인증</li>
+                className={ `${(loginType === LoginType.FINGER)? 'selected': ''}` }
+                onClick={ () => onChangeLoginType(LoginType.FINGER) }
+              >{ APP_LOGIN_TYPE[LoginType.FINGER] }</li>
               <li
-                className={ `${(loginType === LoginType.Face)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType.Face) }
-              >안면 인증</li>
+                className={ `${(loginType === LoginType.FACE)? 'selected': ''}` }
+                onClick={ () => onChangeLoginType(LoginType.FACE) }
+              >{ APP_LOGIN_TYPE[LoginType.FACE] }</li>
             </ul>
           </div>
         </div>
diff --git a/src/entities/alarm/ui/service-language-bottom-sheet.tsx b/src/entities/alarm/ui/service-language-bottom-sheet.tsx
index f3fc614..692ac9f 100644
--- a/src/entities/alarm/ui/service-language-bottom-sheet.tsx
+++ b/src/entities/alarm/ui/service-language-bottom-sheet.tsx
@@ -1,3 +1,4 @@
+import { APP_LANGUAGE } from "@/entities/common/model/constant";
 import { AppLanguage } from "@/entities/common/model/types";
 import { IMAGE_ROOT } from "@/shared/constants/common";
 
@@ -50,15 +51,15 @@ export const ServiceLanguageBottomSheet = ({
               <li
                 className={ `${(appLanguage === AppLanguage.DEVICE)? 'selected': ''}` }
                 onClick={ () => onChangeServiceLanguage(AppLanguage.DEVICE) }
-              >기기 설정 언어</li>
+              >{ APP_LANGUAGE[AppLanguage.DEVICE] }</li>
               <li 
                 className={ `${(appLanguage === AppLanguage.KO)? 'selected': ''}` }
                 onClick={ () => onChangeServiceLanguage(AppLanguage.KO) }
-              >한국어</li>
+              >{ APP_LANGUAGE[AppLanguage.KO] }</li>
               <li 
                 className={ `${(appLanguage === AppLanguage.EN)? 'selected': ''}` }
                 onClick={ () => onChangeServiceLanguage(AppLanguage.EN) 
-              }>ENGLISH</li>
+              }>{ APP_LANGUAGE[AppLanguage.EN] }</li>
             </ul>
           </div>
         </div>
diff --git a/src/entities/common/model/constant.ts b/src/entities/common/model/constant.ts
index 21742f7..f5fa7ec 100644
--- a/src/entities/common/model/constant.ts
+++ b/src/entities/common/model/constant.ts
@@ -1,6 +1,16 @@
 import { PATHS } from "@/shared/constants/paths";
 import { SortTypeKeys } from "./types";
 
+export const APP_LANGUAGE = {
+  DEVICE: '기기 설정 언어',
+  KO: '한국어',
+  EN: 'ENGLISH',
+};
+export const APP_LOGIN_TYPE = {
+  ID: 'ID/PW 입력',
+  FINGER: '지문 인증',
+  FACE: '안면 인증'
+};
 export const DEFAULT_PAGE_PARAM = {
   cursor: null,
   size: 20,
diff --git a/src/entities/common/model/types.ts b/src/entities/common/model/types.ts
index 300e7ce..d7eed7e 100644
--- a/src/entities/common/model/types.ts
+++ b/src/entities/common/model/types.ts
@@ -1,12 +1,12 @@
 export enum AppLanguage {
-  'DEVICE' = 'DEVICE',
-  'KO' = 'KO',
-  'EN' = 'EN'
+  DEVICE = 'DEVICE',
+  KO = 'KO',
+  EN = 'EN'
 };
 export enum LoginType {
-  'Id/Pw' = 'Id/Pw',
-  'Finger' = 'Finger',
-  'Face' = 'Face'
+  ID = 'ID',
+  FINGER = 'FINGER',
+  FACE = 'FACE'
 };
 export enum SuccessResult {
   SUCCESS = 'SUCCESS',
diff --git a/src/pages/setting/setting-page.tsx b/src/pages/setting/setting-page.tsx
index 036269b..0acdf24 100644
--- a/src/pages/setting/setting-page.tsx
+++ b/src/pages/setting/setting-page.tsx
@@ -3,6 +3,7 @@ import { useAppAlarmFindMutation } from '@/entities/alarm/api/use-app-alarm-find
 import { AppAlarmConsentParams, AppAlarmConsentResponse, AppAlarmFindParams, AppAlarmFindResponse, MERCHANT_ADMIN_APP } from '@/entities/alarm/model/types';
 import { LoginTypeBottomSheet } from '@/entities/alarm/ui/login-type-bottom-sheet';
 import { ServiceLanguageBottomSheet } from '@/entities/alarm/ui/service-language-bottom-sheet';
+import { APP_LANGUAGE, APP_LOGIN_TYPE } from '@/entities/common/model/constant';
 import { AppLanguage, HeaderType, LoginType } from '@/entities/common/model/types';
 import { useStore } from '@/shared/model/store';
 import { 
@@ -20,7 +21,7 @@ export const SettingPage = () => {
 
   const [loginTypeBottomSheetOn, setLoginTypeBottomSheetOn] = useState<boolean>(false);
   const [serviceLanguageBottomSheetOn, setServiceLanguageBottomSheetOn] = useState<boolean>(false);
-  const [loginType, setLoginType] = useState<LoginType>(LoginType['Id/Pw']);
+  const [loginType, setLoginType] = useState<LoginType>(LoginType.ID);
   const [appLanguage, setAppLanguage] = useState<AppLanguage>(AppLanguage.KO);
 
   const {mutateAsync: appAlarmFind} = useAppAlarmFindMutation();
@@ -198,7 +199,7 @@ export const SettingPage = () => {
             onClick={ () => setLoginTypeBottomSheetOn(true) }
           >
             <div className="settings-row-title bd-style">로그인 방식 설정</div>
-            <div className="click">{ loginType }</div>
+            <div className="click">{ APP_LOGIN_TYPE[loginType] }</div>
           </div>
 
           <div 
@@ -206,7 +207,7 @@ export const SettingPage = () => {
             onClick={ () => setServiceLanguageBottomSheetOn(true) }
           >
             <div className="settings-row-title bd-style">서비스 언어 설정</div>
-            <div className="click">{ appLanguage }</div>
+            <div className="click">{ APP_LANGUAGE[appLanguage] }</div>
           </div>
 
           <div className="settings-divider"></div>
@@ -215,7 +216,7 @@ export const SettingPage = () => {
             <div className="settings-row-title bd-style">로그아웃</div>
           </div>
 
-          <div style={{ marginTop: '40px', paddingBottom: '20px' }}>
+          <div style={{ marginTop: '10px', paddingBottom: '10px' }}>
             <div
               onClick={onClickPrivacyPolicy}
               style={{
@@ -225,9 +226,7 @@ export const SettingPage = () => {
                 textAlign: 'center',
                 padding: '12px'
               }}
-            >
-              개인정보처리방침
-            </div>
+            >개인정보처리방침</div>
           </div>
         </div>
       </main>