언젠가는 꼭 만들 달력

이서현·2022년 5월 19일
0

프론트엔드 공부를 하기 전부터 나는 생리 기록 앱을 만들고 싶었다.
나는 주기만 알면 되는데
지금 쓰고 있는 앱은 광고가 너무 많다.
이제는 ui 만들 줄 알고 호스팅도 할 줄 알고 파이어베이스도 쓸 수 있으니까
이제는 날짜 구하는 방법만 알면 만들 수 있다 하하하하하하


1. 평균 주기를 보여준다
2. 지난 기록들을 리스트로 보여준다
3. 스크롤 가능
4. 다음달 달력을 보고 있을 때 생기고, 이전달을 보여준다
5. 이번달을 볼 때 다음달을 보여준다
7. 시작일 텍스트
8. 마지막일 텍스트
9. 시작일을 기준으로 마지막일을 표시하면 기간에 해당하는 달력에 배경색이 생긴다
(더 멋있는 디자인 있으면 반영)

10. 모달창, 날짜를 누르면 나옴
11. 선택한 날짜
12. 시작일 버튼 > 누르면 해당날짜에 텍스트 생김
13. 마지막일 버튼 > 누르면 해당날짜에 텍스트 생김
14. 닫기 버튼, dim영역 눌러도 닫힘
14-1. 시작일, 마지막일 버튼을 누르면 모달창이 닫힌다
14-2. 마지막일 버튼을 누르면 db 전송, 배경색이 바뀐다

필요한 것 같은 것들

  • 모달창은 react portal 사용해보기
  • 데이터는 파이어베이스를 이용해 저장한다
  • 마지막날 버튼?을 누르면 데이터를 db에 보낸다
  • 처음 메인페이지에 들어오면 이번달 달력이 나온다
  • gitpage, netify 등을 이용해 배포해 사용한다
  • favicon?

구경가기링크텍스트

profile
🌿💻💪🧠👍✨🎉

0개의 댓글