React (미들웨어)

미들웨어

지금까지 내가 학습한 React의 내용을 정리해보면

1. React의 기본적인 작성 방법을 알아보고 다양한 hooks를 사용하여 React의 내부적인 동작을 이앻하였다.

2. Api의 사용함으로써 React 프로젝트가 로컬에서만 작동하는 것이 아니라 외부의 데이터와 상호 작용이 가능하게 하였다.

3. Router을 사용하여 프로젝트안에서 다른 프로젝트로 넘어가고 SPA로 React가 어떻게 작동되는지를 알게되었고 컴포넌트간의 이동을 가능하게 하였다.

4. Redux를 사용함으로써 React 프로젝트의 상태값의 관리와 수정을 보다 유연하게 만들어 주었다.
   
   마지막으로 미들웨어를 학습 함으로써 Redux에서 액션이 발생하여 reducer 함수로 가기전 한번더 액션을 가공하여 더욱 정교한 작업을 가능하게 할 수 있다.

출처 https://www.cronj.com/blog/redux-middleware-a-perfect-beginners-guide/

위으 그림과 같이 middleware를 통해서 발생된 액션을 한번더 가공하고 정교한 작업을 가능하게 하는데 이전과 마찬가지로 middleware에도 매우 유용한 hooks들이 존재한다.
대표적으로 thunk , saga라는 함수가 존재한다.