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) 액션 객체 받기
• (5) 액션객체 명령대로 리듀서가 state값을 변경하는 코드 구현하기
• (6) useSelector로 변경된 state값 확인하기

2. - 1 기능 빠르게 구현해보기

빼기 1 기능도 위와 동일한 과정으로 구현합니다. 아래 코드를 통해 한번 구현해봅시다.

• (1) -1 버튼 구현