From 5c6f0d808d6b0c16292bf05e7de661ed4aede969 Mon Sep 17 00:00:00 2001
From: Gaeon Kim <rkdjs1104@ajou.ac.kr>
Date: Sat, 25 Nov 2023 17:23:37 +0900
Subject: [PATCH] feat: modify main.js

---
 src/pages/main.js | 108 ++++++++++++++++------------------------------
 1 file changed, 37 insertions(+), 71 deletions(-)

diff --git a/src/pages/main.js b/src/pages/main.js
index 2453ed8..8c47f29 100644
--- a/src/pages/main.js
+++ b/src/pages/main.js
@@ -7,9 +7,6 @@ import main_styles from './main.module.css'
 import ScheduleAddModal from './addModal'
 import ScheduleDeleteModal from './deleteModal';  
 import ScheduleInquiryModal from './inquiryModal';
-// import '@progress/kendo-react-intl/dist/es/all';
-// import '@progress/kendo-react-scheduler/dist/es/views/week/WeekView' // 한글 지역화 파일s
-// import { IntlProvider, load, LocalizationProvider, IntlService } from '@progress/kendo-react-intl';
 import Header from './Header'
 
 
@@ -160,44 +157,40 @@ const MySchedulerApp = () => {
     // 페이지가 로드되면 백엔드에서 일정 데이터를 가져와서 설정
     
     
-  //   const backendEndpoint = '/api/schedules';
+    const backendEndpoint = '/api/schedules';
   
-  //   fetch(backendEndpoint)
-  //     .then(response => response.json())
-  //     .then(data => {
-  //       // 성공 시 처리
-  //       console.log(data);
-  //       const backendDataArray = data.schedules;
-  //       setScheduleData(fetchedData);
-      // .catch(error => {
-        //   console.error(error);
-        // });
+    fetch(backendEndpoint)
+      .then(response => response.json())
+      .then(data => {
+        // 성공 시 처리
+        console.log(data);
+        const backendDataArray = data.schedules;
 
 
-    const backendDataArray = 
-      [{
-        "id":23423,
-        "date":"2023-11-19",
-        "startTime":"10:00",
-        "endTime":"11:30",
-        "title":"뇨끼 먹기",
-        "color":"#8393BE",
-        "Description":"맛있게 먹기"
-        },{
-        "id":1923,
-        "date":"2023-11-23",
-        "startTime":"17:00",
-        "endTime":"19:00",
-        "title":"까르보나라 만들기",
-        "color":"#8393BE"
-        },{
-        "id":777,
-        "date":"2023-11-24",
-        "startTime":"09:00",
-        "endTime":"12:00",
-        "title":"강의 듣기",
-        "color":"#8393BE"
-        }];
+    // const backendDataArray = 
+    //   [{
+    //     "id":23423,
+    //     "date":"2023-11-19",
+    //     "startTime":"10:00",
+    //     "endTime":"11:30",
+    //     "title":"뇨끼 먹기",
+    //     "color":"#8393BE",
+    //     "Description":"맛있게 먹기"
+    //     },{
+    //     "id":1923,
+    //     "date":"2023-11-23",
+    //     "startTime":"17:00",
+    //     "endTime":"19:00",
+    //     "title":"까르보나라 만들기",
+    //     "color":"#8393BE"
+    //     },{
+    //     "id":777,
+    //     "date":"2023-11-24",
+    //     "startTime":"09:00",
+    //     "endTime":"12:00",
+    //     "title":"강의 듣기",
+    //     "color":"#8393BE"
+    //     }];
          // 만약 backendDataArray가 undefined인지 확인
        
       
@@ -229,14 +222,13 @@ const MySchedulerApp = () => {
           });
         }
         // 변환된 데이터 배열을 JSON 문자열로 변환
-        
+        setScheduleData(processedDataArray)
+      })
+
+      .catch(error => {
+          console.error(error);
+        });
       
-        // JSON 문자열을 상태에 설정
-        setScheduleData(processedDataArray);
-      // 초기 데이터를 스케줄 데이터에 설정
-        //setScheduleData(initialData);
-         //     })
-  
   }, []);
 
   const handleDeleteEvent=(id, deleteOption)=>{
@@ -280,32 +272,6 @@ const MySchedulerApp = () => {
   kEventElements.forEach((element) => {
     element.addEventListener('click', handleScheduleClick);
   });
-  /*
-    useEffect(() => {
-      // 페이지가 로드될 때 실행되는 코드
-      const initialScheduleElement = document.querySelector(".k-event");
-  
-      const handleInitialScheduleClick = (event) => {
-        setSelectedSchedule(event.target);
-        setIsDeModalOpen(true);
-      };
-  
-      if (initialScheduleElement) {
-        initialScheduleElement.addEventListener('click', handleInitialScheduleClick);
-      }
-  
-      // 컴포넌트가 언마운트될 때 이벤트 리스너를 정리합니다.
-      return () => {
-        if (initialScheduleElement) {
-          initialScheduleElement.removeEventListener('click', handleInitialScheduleClick);
-        }
-      }
-    }, [setSelectedSchedule, setIsDeModalOpen]); // 의존성 배열에 명시
-  
-    // ... (기타 코드)
-
-  // 빈 배열을 전달하여 한 번만 실행되도록 합니다.
-  */
     return (
       <div>
         <div className={main_styles.main_header}>
-- 
GitLab