1. 리액트 심화 강의 복습
19일 TIL에 복습, 추가 공부한 것 정리하기
Redux TodoList 숙련 과제 clone해서 심화 강의+자료 참고해 적용하기
Redux Toolkit
modules/TodoS.js
-> modules/TodoSlice.js
로 변경, Reducer 이름도 변경 후 각 파일, 폴더에 경로 수정name
은 어디에 쓰는 거지? configStore
- redux toolkit 사용해서 간단하게 구현 완료json-server
Axios, Thunk
추가하기 db연결
AddForm.jsx
에서 추가하기의 dispatch action creator를 모듈에서 만든 __postTodos
로 바꾸기extraReducers
에서 fullfiled일 때를 getTodo와 똑같이 하니 오류가 났고 새로고침해야 추가한 것까지 보였다.삭제하기 db연결
__deleteTodo
에서 위 코드와 똑같이 한 상태에서console.log(data.data)
를 찍으면 빈 배열이 나온다.fulfillWithValue
도 payload로 바꿔주기2. Redux_todoList 만들기 원장님 강의
처음부터 만들기 과정을 보며 숙련 과제 복습
onClick={() => handleDeleteToDo(todo.id)}
onClick={handleDeleteToDo(todo.id)}
는 여기서 함수가 호출된 거라 error 발생