# 0. Overview

## <https://recoil-todo-list.netlify.app/>

## Use-Cases

* 좌, 우 아이콘 버튼을 클릭하여 이전 달, 다음 달로 이동 가능하다.
* 오늘 날짜는 `#313133` 색으로 표시
* 날짜를 선택하면 해당 날짜`#7047EB` 색으로 표시
* 선택한 날짜의 숫자를 더블 클릭하면 해당 날짜의 할 일 목록의 통계 모달을 노출시킨다.
  * 할 일 목록이 있을 시에 리스트로 노출되고 제 아이콘을 눌러 제 가능하다.
* 선택한 날짜의 빈 곳을 더블 클릭하면 해당 날짜의 할 일 등록 모달을 노출시킨다.
  * 할 일을 입력하고 엔터 키를 누르면 해당 날짜의 할 일 목록에 추가된다.
  * 해당 날짜의 할 일 목록이 3개가 넘게되면 **그 외 n 개** 로 표시된다.
  * 그 외 n 개를 클릭하면 해당 날짜의 할 일 목록 통계 모달 노출시킨다.
* 할 일을 선택 후 백 스페이스 키를 누르면 해당 할일이 제거된다.

{% embed url="<https://codesandbox.io/s/stoic-knuth-0b499>" %}