Merge pull request #447 from LikeLion-at-DGU/dev

🚀 Deploy

src/components/DateRangeCalendar/DateRangeCalendar.jsx

@@ -1,4 +1,4 @@
-import React, { useState, forwardRef, useImperativeHandle } from "react";
+import React, { useState, forwardRef, useMemo } from "react";
 import * as S from "./styled";
 import {
   routineStart,
@@ -46,7 +46,7 @@ const DateRangeCalendar = forwardRef((ref) => {
     }
   };
 
-  const renderDays = () => {
+  const renderDays = useMemo(() => {
     const days = [];
     const startOfMonth = new Date(
       currentDate.getFullYear(),
@@ -96,7 +96,7 @@ const DateRangeCalendar = forwardRef((ref) => {
     }
 
     return days;
-  };
+  }, [currentDate, selectedStartDate, selectedEndDate]);
 
   const handleMonthChange = (direction) => {
     const newDate = new Date(currentDate);
@@ -112,7 +112,7 @@ const DateRangeCalendar = forwardRef((ref) => {
       const formattedEndDate = format(selectedEndDate, "yyyy-MM-dd", {
         timeZone,
       });
-      console.log("formatted날짜까지 들어옴");
+
       try {
         const response = await postRoutineRegister(
           formattedStartDate,
@@ -129,7 +129,7 @@ const DateRangeCalendar = forwardRef((ref) => {
             if (window.location.href.includes("theme")) {
               window.location.reload();
             }
-          }, 2000); //
+          }, 2000);
         } else {
           console.error("Failed to register routine:", response.statusText);
         }
@@ -166,7 +166,7 @@ const DateRangeCalendar = forwardRef((ref) => {
         <S.DayName>목</S.DayName>
         <S.DayName>금</S.DayName>
         <S.DayName style={{ color: "#78A1B5" }}>토</S.DayName>
-        {renderDays()}
+        {renderDays}
       </S.CalendarBody>
       <S.ConfirmButton onClick={handleConfirm}>확인</S.ConfirmButton>
     </S.CalendarContainer>