WIL 2022. 12. 19. 21:15

이번 주 회고

이번주는 리덕스를 배운 것 같은데, 아직 확실하게 이해하지는 못했다.

리덕스를 사용하는 이유

state를 중앙관리소에 저장해놓고 사용하는 방식으로, 값 변경을 위해 props를 부모→자식1→2→3 이렇게 번거롭게 내려주지 않아도 되기때문에 사용함.(props drilling을 피하기 위해)
로직은 이렇다.
- 컴포넌트에서 나 이거 보여줄거야. 라고 Dispatch에 action을 담아 Store에 자료를 달라고 명령
- Dispatch를 이용하여 store에 state를 변경해달라고 요청. , 변경한것을 불러오는것은 useSelector를 이용(Dispatch와 useSelector는 항상 같이 있어야 함)
  - 이 때, Dispatch > action함수 안에 있는 인자로서 payload를 넘겨줄 수 있음.
  - 받아올 payload가 있다면 action객체의 프로퍼티로서 payload를 사용할 수 있음. (다른이름도 되지만 명확한 구분을 위해서 payload를 사용 할 것을 권장)
- Store에서 리듀서에서 action 타입에 맞는 함수를 실행시킴
- useSelector로 Store 안에있는 state를 받아 왔을 때 새로운 state(setState)면 화면을 리랜더링
- 변경되지 않으면 리랜더링을 하지 않음이제 다음 주에는, 심화과정을 심도있게 배울 예정이다.
- 다음주도 화이팅
- 지금까지 공부한 리덕스의 로직에 대해서 정리해보았다.