diff --git a/frontend/src/components/common/TimePickerOptionList/TimePickerOption/constants.ts b/frontend/src/components/common/TimePickerOptionList/TimePickerOption/constants.ts index fa5054535..db46ae862 100644 --- a/frontend/src/components/common/TimePickerOptionList/TimePickerOption/constants.ts +++ b/frontend/src/components/common/TimePickerOptionList/TimePickerOption/constants.ts @@ -5,3 +5,9 @@ export const TIME_UNIT: { [key: string]: number } = { hour: 24, minute: 60, }; + +export const TIME_KOREAN: { [key: string]: string } = { + day: '일', + hour: '시간', + minute: '분', +}; diff --git a/frontend/src/components/common/TimePickerOptionList/TimePickerOption/index.tsx b/frontend/src/components/common/TimePickerOptionList/TimePickerOption/index.tsx index bef95f761..7ba762860 100644 --- a/frontend/src/components/common/TimePickerOptionList/TimePickerOption/index.tsx +++ b/frontend/src/components/common/TimePickerOptionList/TimePickerOption/index.tsx @@ -1,6 +1,6 @@ import React, { useEffect, useRef } from 'react'; -import { TIME_UNIT, TIMEBOX_CHILD_HEIGHT } from './constants'; +import { TIME_KOREAN, TIME_UNIT, TIMEBOX_CHILD_HEIGHT } from './constants'; import * as S from './style'; interface TimePickerOptionProps { @@ -65,11 +65,19 @@ export default function TimePickerOption({ return ( - + {Array.from({ length: timeUnit }).map((_, index) => ( diff --git a/frontend/src/components/common/TimePickerOptionList/index.tsx b/frontend/src/components/common/TimePickerOptionList/index.tsx index 74575e6fa..7969dedf2 100644 --- a/frontend/src/components/common/TimePickerOptionList/index.tsx +++ b/frontend/src/components/common/TimePickerOptionList/index.tsx @@ -36,7 +36,7 @@ export default function TimePickerOptionList({ time, setTime }: TimePickerOption > ))} - +

{day}일

{hour}시

{minute}분

후 마감