상수 설정

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>

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',
-  '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',