주말 학원을 다녀 배운 리액트로 간단한 TODO-APP을 스스로 만들었습니다.
학원에서 배웠던 것 외로 필터, Light/ Dark 모드 기능을 추가했습니다.
APP.js에서 필터를 선언해서 여러 컴포넌트에서 관리할 수 있도록 했습니다.
Light/ Dark 모드는 전체 적용해야 하기때문에 useContex를 이용하여 글로벌하게 적용할 수 있도록 했습니다.
또한 Light/ Dark 모드와 할 일 목록은 새로고침 하여도 변하지 않게 하기 위해 localStorage 이용하여 저장하였습니다.
- JSON.stringify()을 이용하여 객체에서 문자열로 변환한 뒤 localStorage.setItem() 이용하여 배열로 저장하였습니다.
2023년 6월 - 1주 작업
