/todo-app

경북소프트웨어고등학교 할 일 목록 앱

Primary LanguageJavaScript

Reducer, Context 활용 할 일 목록 만들기

Reducer 활용 스테이트 관리

  • Reducer 사용으로 이벤트 핸들러의 간결성 유지
  • Top-down 방식으로 state, 이벤트 핸들러 전달
  • prop drilling 방지 위해 Context 도입

Context 생성

  • 할 일 목록 관리, dispatch action을 제공하는 함수 Context 생성
  • 모든 컴포넌트에서 Context를 사용해서 할 일 목록, dispatch 사용 가능

Reducer & Context Provider 추가

  • Reducer와 Context 파일 분리
  • 로직 분리로 앱의 간결성 유지, props 전달 편의성 제공
  • customHook 사용으로 코드 가독성 확보