<aside> 🚩 Goal: Payload에 대해서 이해하고 활용할 수 있다.

</aside>

[목차]

9_exported.mp4

1. Payload란?

• (1) 우리가 만들 새로운 기능
• (2) Payload란 무엇인가?

2. payload를 이용해서 기능 구현하기

• (1) payload를 이용해서 기능 구현 작업 순서
• (2) 사용자가 입력한 값을 받을 input 구현하기
• (3) counter.js 모듈 작성: Action Creator
• (4) counter.js 모듈 작성: Initial State, Reducer, 내보내기(export default)
• (5) 구현된 기능 테스트 하기

3. Ducks 패턴

• (1) Ducks 패턴이란?
• (2) Duck 패턴으로 작성하기

4. 정리

• 리듀서로 보내는 액션객체에 어떤 정보를 같이 담아보내고자 한다면 payload를 이용한다.
• payload는 Action Creator를 생성할 때 매개변수에 자리에서 받을 준비를 하고, 반환하는 액션객체에 payload라는 key와 받은 매개변수를 value로 하여 구현한다.