Redux :: 미들웨어_ Redux-thunk

Redux-thunk?

 

thunk는 프로그래밍 용어로 지연된 함수라는 의미이다.

Redux-thunk를 사용하면 디스패치를 나중에, 한번에 묶어서 할 수 있다.

 

action이 function인 경우에는 thunk가 지연함수이기 때문에 이 action을 나중에 실행해 줄 수 있다.

 

 

thunk를 사용해 매우매우 쉬운 미들웨어를 만들어보자.

action을 로그로 남기는 미들웨어.

 

콘솔 창을 확인해보면 action을 확인할 수 있다.

 

 

thunk 는 이게 끝이다. 매우 간단하다.

한번에 디스패치를 여러번 할 수 있게해준다(미들웨어^^;;).

 

 

 

 

thunk를 쓰는 이유는 다음과 같다.

로그인/ 로그아웃 기능이 있는 액션이 있다면,

로그인이나 로그아웃을 원한다고 해서 바로 로그인 로그아웃이 되지 않는다.

백엔드 서버에 요청을 보내고 응답을 받아오기 때문에, 비동기 작업을 해야한다.

 

실제로는 위와같은 형태의 코드가 필요하다.

(비동기이기때문에 요청, 응답, 에러 세 함수가 필요하다)