I T H

- react-datepicker는 버튼 클릭시 아래와 같이 달력을 화면에 보이게 하고, 날짜를 선택하면 적용시킬 수 있도록 도와주는 라이브러리다. - 달력을 쉽게 커스텀해서 사용할 수 있는 장점이 있다. [ react-datepicker 참고사이트 ] https://reactdatepicker.com/ React Datepicker crafted by HackerOne reactdatepicker.com [ react-datepicker 설치 ] - typescript를 사용한다면 "@types"를 넣어서 설치해준다. npm install react-datepicker npm install --save-dev @types/react-datepicker [ import / 적용하기 ] - 설치한 reac..

지난 챕터에서는 캘린더 라이브러리 사용하기에 대한 frontend 로직을 설명했는데, 이번 시간에는 backend로직을 통해 캘린더를 완성해보겠다. Backend [ src / models / Schedule.js] 1. 스키마 만들기 - 캘린더에 대한 데이터를 저장할 스키마를 만든다. - 여기서 userId는 회원가입의 id처럼 unique한 값을 가지면 안된다. 중복된 값을 가져야함. 예를 들어서 "사용자아이디: A, 제목: B", "사용자아이디:A, 제목:C" 와 같이 중복을 허용해야됨. 만약 unique값을 넣으면 바로 에러가 뜰 것이다. - calender의 타입은 스케줄의 주제에 맞게 분배하기 위해서 넣어주었고, start는 스케줄의 시작시간, end는 스케줄의 종료시간이다. 그리고 title..