처음 만난 리덕스 (Redux) 문서


3.2 Dispatcher

지금부터는 Dispatcher의 개념에 대해서 알아보도록 하겠습니다.

먼저 영어 단어 Dispatch는, 발송하다, 파견하다 라는 뜻을 갖고 있습니다.
연예인 스캔들을 다루는 유명매체 이름과 동일한데, 그 매체 또한 스캔들 현장에 기자들을 보내다, 파견하다 라는 뜻에서 그런 이름을 지은게 아닐까 싶네요ㅎㅎ

어찌됐든 Dispatch뒤에 er이 붙은 Dispatcher는 발송하는 역할을 하는 것이라는 의미를 가지게 됩니다.

그렇다면 무엇을 발송하는 걸까요?
그것은 바로 Redux Action입니다.
Dispatcher는 Action을 발송하는 역할을 합니다.

그리고 그렇게 발송한 Action의 수신자는 바로 Redux가 됩니다.
즉, Action이 발생했다는 것을 Redux에 알리는 것이죠.

Flux Architecture

앞에서 살펴봤던 Flux Architecture의 전체 구성도를 보면, 오른쪽 위에 Dispatcher가 위치하고 있는 것을 볼 수 있습니다.
Action이 생성되면 해당 Action이 Dispatcher로 전달되고, Dispatcher는 Action을 Redux로 보내서 처리하도록 만듭니다.
그리고 여기서 실제로 Action을 받아서 State에 변화를 주는 것이 바로 Reducer입니다.
이 그림을 보면서 Flux Architecture의 전체 구조를 다시 한 번 익혀보기 바랍니다.

store.dispatch(action);

그리고 Redux에서는 이 Dispatcher의 역할을 하는 함수가 바로 Store의 dispatch() 함수입니다.
dispatch() 함수는 action 객체를 파라미터로 받아서, 해당 Action을 실제로 발송하는 역할을 합니다.


마지막 업데이트: 2023년 07월 14일 00시 00분

이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.