항해99/회고_일지

[프로젝트] 2주차 프로젝트 달력만들기(리덕스,firebase 사용)

햄❤️ 2021. 3. 26. 11:57
반응형

달력링크

 

React App

 

calendar-233c4.web.app

 

 

 

 

firebase를 사용하여 서버리스 방식으로 캘린더를 만들었다.

 

[구현기능]

1) 우측 하단 연필 버튼(일정추가) 을 누르면 일정을 추가할 수 있다. 해당 일정은 날짜에 맞게 기입된다.

   default 값은 미완료(파란색)이다!

2) 해당 스케쥴을 눌러서 모달창을 볼 수 있다(나중에 라이브러리써서 수정해야겠다 ㅎㅎ). 완료값을 누르면 빨간색으로 변한다. 삭제는 삭제, 뒤로가기는 다시 캘린더 페이지로 이동한다.

3) 일정완료값들은 완료일정 버튼으로 볼 수 있다. 다시 전체일정 누르면 모든 일정을 볼 수 있다.

4) fullcalendar 라이브러리써서 달력틀은 쉽게 구현할 수 있었다.

 

좀 정리해서 깃헙에도 올려야겠다! 4일간 만들었는데 구현하는데 도움을 많이 받았다....혼자서는 못했을것 같다

2주차 과제를 위해서 더 열심히 하자!!! 

(친구들한테 url 줬더니 이상한 일정들을 적어놨다ㅋㅋㅋㅋ!)

 

728x90
반응형