<aside> 🚩 Goal: 리덕스 스토어 state를 수정하는 방법을 배웁니다.

</aside>

[목차]

7-final.mp4

0. 리덕스의 흐름 도식화

1. View 에서 액션이 일어난다.

2. dispatch 에서 action이 일어나게 된다.

3. action에 의한 reducer 함수가 실행되기 전에 middleware가 작동한다.

4. middleware 에서 명령내린 일을 수행하고 난뒤, reducer 함수를 실행한다. (3, 4번은 아직 몰라도 됩니다!)

5. reducer 의 실행결과 store에 새로운 값을 저장한다.

6. store의 state에 subscribe 하고 있던 UI에 변경된 값을 준다.

• 출처 : https://velog.io/@annahyr/리덕스-흐름-이해하기

1. counter.js 모듈의 state 수정 기능 만들기 (+ 1 기능 구현해보기)

• (1) 어떻게 counter.js 모듈에 있는 state의 값을 변경할 수 있을까?
• (2) 리듀서에게 보낼 “명령” 만들기
• (3) “명령”(액션 객체) 보내기
• (4) 액션 객체 받기