NgRx 흐름 이해하기 (with 다이아그램)

NgRx(state management with actions & reducers) = RxJs(Observables) + Redux redux에서 영향을 받아 reactive한 어플리케이션을 만들 수 있도록 하는 프레임워크 즉, Redux의 상태관리 패턴을 앵귤러에도 적용시키고 동시에 RxJs를 사용하여 state의 Observable을 쉽게 가공할 수 있다. 컴포넌트에서 입력받은 값을 api통신을 거쳐 어떻게 뷰에 반영이 되는지 위의 다이아그램을 부분적으로 살펴보며 알아보자. 1. ACTION - 어플리케이션 내에 발생되는 이벤트들을 기재해놓은 곳 - 사용자 인터렉션, 네트워크 요청을 통한 외부 상호작용, API와의 통신 등 모두 action에 적혀 있음 - 따라서 어플리케이션 내에서 어떤 이벤트들이..

2021.06.08