처음 만난 리덕스 (Redux) 문서
4.2 Action Creator
그렇다면 Action Creator는 무엇일까요?
Action Creator는 단어의 의미 그대로 Action을 생성하는 생성자 역할을 합니다.
앞에서 배운 것처럼 Action은 JavaScript 객체 형태로 존재하는데, Action Creator는 이 Action 객체를 생성하는 역할을 하는 JavaScript 함수입니다.
function addTodo(text) {
return {
type: 'ADD_TODO',
text: text,
}
}
이 코드는 실제 Redux Action Creator를 나타낸 것입니다.
보시는 것처럼 Action Creator는 JavaScript 함수 형태로 되어 있습니다.
함수의 이름은 addTodo이고 파라미터로는 text 하나만 받도록 되어 있습니다.
그리고 이 함수가 리턴하는 것은 ADD_TODO라는 이름의 type을 가진 JavaScript 객체가 됩니다.
여기서 리턴하는 이 객체가 바로 Redux Action 객체가 됩니다.
그래서 Action 객체를 만들어 주는 함수라는 의미에서 Action Creator라고 부르는 것이죠.
Action과 Action Creator의 관계를 정리해보면 이 그림과 같습니다.
Action Creator 함수에 Action 객체 생성에 필요한 데이터를 파라미터로 넣어서 호출하면, 그 결과로 Action 객체가 생성됩니다.
Action과 Action Creator라는 단어가 처음에는 조금 어렵게 느껴질 수 있지만, 단순한 JavaScript 함수와 객체라는 사실을 잘 기억한다면 쉽게 이해할 수 있을 것입니다.
마지막 업데이트: 2023년 07월 14일 00시 00분
이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.