diff --git a/app/calendar/components/CalendarItem.tsx b/app/calendar/components/CalendarItem.tsx index e432ed3..e84d444 100644 --- a/app/calendar/components/CalendarItem.tsx +++ b/app/calendar/components/CalendarItem.tsx @@ -13,7 +13,8 @@ const CalendarItem = ({ item }: { item: ScheduleProps }) => { {item.scheduleDate} - {item.scheduleContents} + {item.scheduleContents} ); }; diff --git a/app/calendar/components/ScheduleItem.tsx b/app/calendar/components/ScheduleItem.tsx index 891eef1..f7635aa 100644 --- a/app/calendar/components/ScheduleItem.tsx +++ b/app/calendar/components/ScheduleItem.tsx @@ -13,9 +13,15 @@ const ScheduleItem = ({ schedule }: ScheduleItemProps) => { return ( - {schedule.scheduleDate} - {schedule.scheduleContents} + + + {schedule.scheduleDate} + + + + {schedule.scheduleContents} + ); }; diff --git a/app/calendar/index.tsx b/app/calendar/index.tsx index 6fc141b..281d6ad 100644 --- a/app/calendar/index.tsx +++ b/app/calendar/index.tsx @@ -5,6 +5,7 @@ import PageLayout from '@/common/components/PageLayout'; import { useTheme } from '@/common/contexts/ThemeContext'; import FontText from '@/common/text/FontText'; import colors from '@/constants/colors'; +import { useEffect } from 'react'; import { SectionList, View } from 'react-native'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; @@ -17,9 +18,32 @@ const CalendarPage = () => { data: calendar.scheduleWrapper })) : []; + const getCurrentDate = () => { + const now = new Date(); + const year = now.getFullYear(); + const month = now.getMonth() + 1; + const date = now.getDate(); + const day = now.getDay(); + return { year, month, date, day }; + }; + + const getDayOfWeek = (day: number) => { + const days = ['일', '월', '화', '수', '목', '금', '토']; + return days[day]; + }; + + const { year, month, date, day } = getCurrentDate(); + return ( - + + {`${year}`} + + {`${month}월 ${date}일(${getDayOfWeek(day)})`} + + + } />