<aside> 🚩 [학습 목표]

1. Redux에서 reducer에 값을 넘기는 방식인 payload를 이해할 수 있습니다.
2. Ducks 패턴에 대해 이해할 수 있습니다.

</aside>

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로 하여 구현한다.
• 리듀서에서 payload를 사용하고자 할 때는 action.payload로 사용할 수 있다.
• ES6에서 객체를 생성할 때 key와 value가 같으면 축약해서 작성할 수 있다.
• Ducks 패턴은 Erik Rasmussen 이 제안했고, 현재 리덕스 모듈 작성방법의 정석으로 여겨지고 있다.