To-Do List - Toy Project

구현 기능

1. 테마
   1-1. Dark mode, Light mode 전환
   1-2. 메인 컬러 변경 가능한 팔레트

2. Todo App (CRUD)
   2-1. Todo List 추가
   2-2. Todo List 삭제
   2-3. Todo List 수정
   2-4. Todo List 완료 처리

3. Note App
   3-1. Memo 추가
   3-2. Memo 삭제
   3-3. Memo 찾기

필요 기능

1. 새로고침 해도 정보들이 유지될 것
   -> LocalStorage에 저장
   - 저장 되어야 하는 정보: 테마 모드, 메인 색, 노트 리스트, 투두 리스트, 선택되어 있는 페이지
   
2. 우측 상단 버튼 클릭 시, Todo App <-> Note App 전환
   -> 단순히 두 기능만 있어 네비게이션 필요 x
   

해결 방법

1. LocalStorage에 저장할 수 있는 custom hook 제작
   -> LocalStorage에 저장 되어야 하는 정보가 많아 이를 도와주는 custom hook을 만드는 게 효율적일 것이라 판단

2. useState를 이용해 토글 구현

아쉬웠던 점

props drilling이 심한 프로젝트는 아니었지만, state가 너무 많아 코드가 길어졌다. 이를 해결하기 위해 기회가 된다면 redux를 활용해 리팩토링을 해보고 싶다.