일정관리 프로젝트

루트 디렉토리에 아래 명령어를 실행npm init -y실행 하면 폴더에 package.json 파일이 생성이됨express를 사용하기 위해npm install --save express을 터미널에 실행server.js 파일을 생성REST API 의 종류중 하나인 get

react-fullcalendar를 사용해서 프로젝트 시작을 할려고 한다.npm install @fullcalendar/reactnpm install @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interac

최종 화면 맛보기data.json임시로 데이터를 만들고위에 import pr_data from './data/data.json'import를 해주고전체코드 App.jsShow_event 함수를 작성해서 화면에 보여준다.props로는 days 를 넘겨줘서 data에서 그

최종 모습모달을 함수로 선언해서 만들었다모달은 css로 거의 처리를 했는데modal.scssposition을 fixed 그리고 background를 흐리게 만들었다.그리고 modal_div 의 가로 , 세로 를 설정해서 배경색을 하얀색으로 만들어줬다.화면에 보여지고

처음에는 datepicker 라이브러리를 사용할려고 했는데멍청하게 달력을 만들어두고 또 라이브러리를 사용할려고 했다.이번 프로젝트 목표는 라이브러리를 최대한 사용하지않고 구현하는것이다.우선 전체 코드이다.modal.scss이번에 리팩토링 하면서 모달창을 새로 옮겼다.우

후에 폴더 구조를 더 바꿀 예정App.js 로 라우팅을 해줌필요하면 이중라우터도 사용할 예정터미널에npm install react-router-dom입력index.jsBrowserRouter 적용Route로 Calendar를 표시해줌라우터를 사용해서 여러 페이지를 구현

keyframe을 사용해서 메뉴에 마우스를 올릴경우 div넓이를 0%~100% 뒤에 색이왼쪽에서 오른쪽으로 움직이는 느낌으로 만들었다.