[TIL] 기능이 추가된 React Todo 앱 만들기

계획

구현할 기능

1. task를 추가/삭제/업데이트 할 수 있다.
2. 각각의 task는 click-to-edit이 가능하다. (더블클릭하여 수정)
3. 각각의 task에 중요도를 부여할 수 있다. (task 앞에 !로 표시되며 누를 때마다 toggle됨)
4. progress에서 전체 task 개수와 완료된 task 개수를 숫자로 보여주며 진행률(%)을 bar그래프 형태로 보여준다.
5. select에서 표시할 task 종류를 선택할 수 있다. (all / completed / uncompleted / important)
6. 버튼 클릭으로 애플리케이션 컬러 테마를 바꿀 수 있다. (dark / light)
7. localStorage에 task 저장하기

레이아웃 디자인

구현

Codesandbox