tiny-todo

• 리덕스 학습용 토이 프로젝트

목차

• 사용
• 구현
  • 파일
• 트러블슈팅

사용

• React
• CRA
• Redux & Redux Toolkit
• SCSS

구현

파일

/src/store/

파일	내용
index	reducer 병합
todoSlice	todo 리스트 기본 설정 todo 추가, todo 삭제, 체크박스

/src/components/

파일	내용
canlendar/Calendar	현재 날짜
todo/AddTodo	todo 추가
todo/TodoItem	todo 삭제, 체크박스
todo/TodoList	todo 리스트

트러블슈팅

문제

• id: action.payload.id++ or state.id++ 작성 시 오류
• ❓ 증가 연산자로 가능한 방법

해결

• Data.now()

문제

Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component.

해결

• value={newTodo || ''} 으로 수정