diff --git a/src/component/template/component/weddingday/WeddingDayTemplate.tsx b/src/component/template/component/weddingday/WeddingDayTemplate.tsx
index c678a70..81e7c38 100644
--- a/src/component/template/component/weddingday/WeddingDayTemplate.tsx
+++ b/src/component/template/component/weddingday/WeddingDayTemplate.tsx
@@ -7,6 +7,7 @@ import styled from "styled-components";
import WeddingSchedule from "@remote/value/WeddingSchedule";
import BaseInfo from "@remote/value/BaseInfo";
import DDay, {DDayStyle} from "@src/component/template/component/weddingday/DDay";
+import {format, parse} from "date-fns";
interface WeddingDayProps {
baseInfo: BaseInfo;
@@ -22,9 +23,9 @@ function WeddingDayTemplate(
}: WeddingDayProps
) {
const weddingDate = weddingSchedule.weddingDate;
- const date = weddingDate ? parseDate(weddingDate) : null; // 입력 날짜 파싱
-
- const calendar = date ? getCalendar(date) : null;
+ const date = parse(weddingDate, 'yyyy-MM-dd', new Date());
+ const isValidDate = !isNaN(date.getTime());
+ const calendar = isValidDate ? getCalendar(date) : null;
if (!weddingSchedule.calendar && !weddingSchedule.dDay) {
return (
@@ -37,8 +38,8 @@ function WeddingDayTemplate(
height: '100vh'
}}
>
- {weddingSchedule.weddingDate}
- {weddingSchedule.weddingDate}
+ {isValidDate && date.getFullYear()}
+ {isValidDate && format(date, 'MMMM d')}
)
}
@@ -200,9 +201,4 @@ function getCalendar(date: Date) {
);
}
-function parseDate(dateString: string): Date {
- const [year, month, day] = dateString.split('-').map(Number);
- return new Date(year, month - 1, day); // month는 0부터 시작하므로 1을 빼줍니다.
-}
-
export default WeddingDayTemplate;
\ No newline at end of file