I T H

이번 시간은 react big calendar 라이브러리를 사용해서 스케줄관리에 대한 코드를 작성해 보겠다. 구현에 들어가기 앞서 react-big-calendar 라이브러리를 설치한다. 추가적으로 날짜관리 라이브러리인 moment.js도 같이 설치 해준다. [ 설치 ] npm install --save react-big-calendar npm install moment [ import ] - "react-big-calendar" 라이브러리와 "moment.js"를 설치 했다면 아래 부분을 import 해준다. import { Calendar, View, DateLocalizer } from "react-big-calendar"; import moment from "moment"; import { mom..

- Calender의 데이터 값을 관리하는 useState 부분에서 다음과 같은 에러가 발생했다. [ 에러 해결 전 코드 ] [ 해결 방법 ] - calenderEvent의 start와 end의 타입이 Date로 되어있다. - 데이터 상태값을 관리하는 useState의 start와 end의 값에 "toDate()"를 넣어주었다. const [events, setEvents] = useState([ { start: moment().toDate(), end: moment().add(1, "hours").toDate(), title: "default", }, ] as unknown as CalendarEvent[]); [ 에러 해결 후 코드 ]