상수 설정

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': ''}` }
+                className={ `${(loginType === LoginType.ID)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType['Id/Pw']) }
+                onClick={ () => onChangeLoginType(LoginType.ID) }
-              >ID/PW 입력</li>
+              >{ APP_LOGIN_TYPE[LoginType.ID] }</li>
               <li
-                className={ `${(loginType === LoginType.Finger)? 'selected': ''}` }
+                className={ `${(loginType === LoginType.FINGER)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType.Finger) }
+                onClick={ () => onChangeLoginType(LoginType.FINGER) }
-              >지문 인증</li>
+              >{ APP_LOGIN_TYPE[LoginType.FINGER] }</li>
               <li
-                className={ `${(loginType === LoginType.Face)? 'selected': ''}` }
+                className={ `${(loginType === LoginType.FACE)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType(LoginType.Face) }
+                onClick={ () => onChangeLoginType(LoginType.FACE) }
-              >안면 인증</li>
+              >{ APP_LOGIN_TYPE[LoginType.FACE] }</li>
             </ul>
           </div>
         </div>

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>

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,

src/entities/common/model/types.ts

@@ -1,12 +1,12 @@
 export enum AppLanguage {
-  'DEVICE' = 'DEVICE',
+  DEVICE = 'DEVICE',
-  'KO' = 'KO',
+  KO = 'KO',
-  'EN' = 'EN'
+  EN = 'EN'
 };
 export enum LoginType {
-  'Id/Pw' = 'Id/Pw',
+  ID = 'ID',
-  'Finger' = 'Finger',
+  FINGER = 'FINGER',
-  'Face' = 'Face'
+  FACE = 'FACE'
 };
 export enum SuccessResult {
   SUCCESS = 'SUCCESS',

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>