달력 기능

달력을 클리하면 해당 날짜의 투두리스트를 출력시키기 위해서 달력기능이 필요했다.

처음에는 라이브러리를 쓸지 아니면 달력을 직접 구현할지 고민했는데,

라이브러리를 사용해도 지장이 없겠다는 의견이 모여 react-calender를 이용하여 달력기능을 구현하게 되었다.

 

맨 처음에 고민했던것은 일자를 클릭했을 때 날짜를 어떻게 뜨게할까 라는 것이였는데 

이를 react-calender가 지원하는 것을 알게 되었다. 일자를 클릭했을 때 console.log에 해당 일자가 찍히는 것을 확인했고.

이를 바탕으로 백엔드와 api를 짜게 되었다. 

 

path variable에 2022-09-15 이런식으로 GET 요청을 보내면 백엔드에서 해당일자에 적합한 response를 보내주는 식이다.

다만, 달력을 클릭했을 때 나오는 날짜형식이 백엔드 측에서 원하던 것과 조금 달랐으므로 이를 YYYY-MM-DD 형식으로 변환하여 path variable에 요청했다.