[React] Todo List 만들기 (#1 개선사항 정리)

[React] Todo List 만들기 (#2 필터링 개선하기)

이틀 동안 React로 투두리스트를 만들었다. 리스트 추가하는 것부터 다크모드까지 구현하는 데에 시간이 많이 걸렸다. 강의를 듣고나서 내가 만들었던 투두리스트를 수정해보려고 한다. 

 

1. 목표

무작정 리액트로 만든 투두리스트 개선사항을 정리하고 하나씩 해결해본다.

1.1 프로젝트에 사용할 기술

React

• useState, useEffect, useContext 등 리액트 훅을 사용한다.

PostCSS

• creact-react-app으로 기본 탑재되어 있는 PostCSS를 사용하며 활용법을 익힌다.

1.2 완료 목록

• 리스트 추가하기
• 리스트 삭제하기
• 다크모드 구현

---

2. 개선할 사항

2.1 컴포넌트 정리

• 하나로 작성된 파일에서 컴포넌트를 분리한다.

나도 읽기 힘들다...

2.2 필터링 오류

• ‘active’ 필터링 후, 체크된 리스트가 다시 체크해제되는 오류 수정

2.3 로컬스토리지에 담기

2.4 UI 정리

• PostCSS 사용하기
• 디자인은 기능개선 완료 후, 차차 생각해 봐야지