✅ My Todo

간편하게 할 일을 관리할 수 있는 ✅My Todo 입니다.

• 배포 : https://illustrious-sopapillas-3197f0.netlify.app/

프로젝트 소개

제작 이유

• React.js를 공부를 하는 도중 역량 개발을 위해 제작하였습니다.
• 수강 강의 : 드림코딩 - 리액트

기능 목록

• Todo List CRUD
• 전체/완료/미완료 필터링
• 다크모드
• 반응형 UI 적용

사용 기술

배운 점

• 다크모드는 프로젝트 전체에 영향을 주기 때문에, context로 분리하여 적용하는 것이 좋다. 커밋 기록
• useState의 parameter로 콜백 함수를 전달해줄 수 있는데, 이 때 함수의 레퍼런스만 전달해주는 형식으로 던지는 것이 좋다.
  • ❌ : useState(함수()); -> 컴포넌트가 렌더링 될 때 마다 초기값 함수 매번 실행
  • ⭕ : useState(함수);