diff --git a/src/pages/main.js b/src/pages/main.js index 2453ed894b1b878bba1deb72c72a767eeed95f08..8c47f294b3aa72d7b80f481062a4c11e60aa969b 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}>