캘린더 제작하기_01

React와 js 를 이용해 캘린더를 제작하고 기능을 구현하려고 한다.

먼저 직접 캘린더를 제작하기 보다는 React에 기본으로 깔려있는 캘린더를 설치하여 조금더 쉽게 캘린더를 만들기로 했다.

npm i react-calendar

명령어를 입력하여 React-calendar를 설치후 calendar_component .js 파일을 생성하고
해당 컴포넌트에 react, useState,Calendar,moment를 이용해 기본적인 캘린더 기능을 구현 하려고 한다. 그리고 네이버 캘린더 api와 연동하는 naverApi.js 라는 컴포넌트 역시 생성하여 네이버에서 받아온 api를 calendar_component.js와 연결 시킬것이다.

캘린더에 추가하고자 하는 기능은 현재 날짜에 맞춰 표시하기 , 해당 일자를 클릭시 그 일자를 표시하기, 버튼을 누르면 전후 월과 년도로 이동하기 이다.

그외 조금더 욕심을 내자면 todo list와 결합하여 해당 일자를 누르면 해야할일을 등록 수정 삭제 할수 있고 캘린더에 등록해논 일정이 있다는 것을 간단한 기호로 표시하고 싶다.