<aside> 💡 주제: “개인 지출 관리 애플리케이션”을 만들어 봅시다.

</aside>

• 과제가 끝나면 아래 항목에 대한 자신감을 얻을 수 있어요!
• 구현할 웹사이트 예시

<aside> ☝ 필수 구현 사항

</aside>

• 지출 CRUD 구현 (작성, 조회, 수정, 삭제)
• 월별 지출 조회 기능 구현 (Home - Read)
• 월별 지출 항목 등록 구현 (Home - Create)
• 지출 상세 화면 구현 (Detail - Read)
• 상세화면에서 지출 항목 수정 구현 (Detail - Update)
• 상세화면에서 지출 항목 삭제 구현 (Detail - Delete)

필수 요구 사항! 아래 내용을 꼭 지켜면서 구현해 주세요!

• [ ] styled-components 를 이용하여 스타일링

  • 인라인 스타일링이나 일반 css 파일을 이용한 스타일링 방식 지양 (이번 과제 한정)
  • 모든 태그를 styled-components 화 할 필요는 없으나 스타일링이 들어가는 경우는 styled-components 화 할 것

• [ ] styled-components에 props를 넘김으로 인한 조건부 스타일링 적용

  • 월 선택 탭에 적용해 보세요

• [ ] react-router-dom 을 이용해서 페이지 전환을 합니다.

  • 지출을 수정하기 위한 페이지 이동 시에 사용해주세요.

• [ ] useState, useEffect, useRef 사용

  • 과제 안내 순서에 각각 어디에서 사용되면 좋을지 가이드를 드렸습니다. 해당 부분에서 위의 기능들을 각각 사용해주세요

• [ ] 지출 항목 등록 시 id는 uuid 라이브러리를 이용 (npm i uuid) or (yarn add uuid)

  https://www.npmjs.com/package//uuid