TIL, 07.05

강의듣기

Thunk

리덕스에서 dispatch를 하면 action이 리듀서에 전달되고 리듀서는 state를 반환한다 미들웨어를 사용하면 이 과정 사이에 우리가 하고 싶은 작업들을 넣어서 할 수 있다 흐름은 dispatch(함수) → 함수실행 → 함수안에서 dispatch(객체)이다

thunk를 사용하려면 thunk 함수를 만들고 extraReducer에 thunk를 등록하고 dispatch하고 테스트 해보면 된다

리덕스 툴킷에서 thunk 함수를 생성할 때는 createAsyncThunk를 이용한다 createAsyncThunk의 첫번째 자리에는 action value가 두번째 자리에는 함수가 들아가고 두번째에 들어가는 함수에서 2개의 인자를 꺼내 사용할 수 있는데 첫번째 인자는 컴포넌트에서 보내준 payload이고 두번째 인자는 thunk에서 제공하는 여러가지 기능이다. 기능에서 네트워크 요청이 성공했을때랑 실패했을때를 받아와 로딩과 실패했을때의 에러메세지 보여주기를 구현할 수 있다

 

후기

오늘 집중을 못해서 잠시 쉬어가는 느낌으로 공부했다 Thunk 강의를 듣는데도 잘 이해를 못해서 강의 흐름을 따라 실제로 따라해보면서 작동원리를 익혔다 문제는 미들웨어가 코드량이 너무 많아 문제가 있는데 강의를 계속 들어보니 리액트 쿼리로 이러한 단점을 해결할 수 있었다 내일은 강의를 전부 들어보고 항해 숙제를 마치면 내용을 다시 천천히 살펴볼 예정이다 강의 내용을 정리하면서 듣지만 머리속에서 정리하고 숙지하는것은 다른 개념이라 아직은 시간이 더 필요할것 같다