🍰 [Project] Todo list

🌊 Todo list

todolist

 

배포 링크 & 깃허브

배포 링크

Todo list

깃허브

GitHub - dreamogu/React-Practice-TodoList

 

 

구현 요소

1. 전체 리스트 보여주기
2. 리스트 삭제 
3. 리스트 추가
   
   • 리스트에 공백 있으면 삭제
   • 리스트에 공백만 있으면 추가 안되게
4. 상단 리스트 필터링
5. 리스트 체크박스
6. CSS
7. 다크, 라이트 모드
   
   • OS 셋팅 값에 따라 모드 다르게 보여주기
8. localStorage
   • dark/light 설정해둔 것 localStorage에 저장하기
   • 리스트 추가 된 것 localStorage에 저장하기

 

느낀점

1. 강의 들은 걸 이용하여 context를 이용해 다크모드 구현하였는데 이후에 css를 하나하나 클래스 지정해주다가 이건 아니다 싶었다..
   이후 솔루션 강의를 들으며 수정하였음. ㅠ_ㅠ 
2. chatGPT에도 물어보고, 구글링, 강의 보며 완성해갔는데 이게 정말 내가 구현한게 맞나? 라는 의심도 들었으나 만들면서 꽤나 공부는 된 것 같다.. 아마 다음엔 더 잘 만들 수 있지 않을까!!