이 수업은 아래 내용을 다룹니다.
createAsyncThunk은 비동기작업을 처리하는 action creator를 만듭니다.
action creator는 아래와 같이 3가지 상태를 갖습니다.
action creator.pending는 대기상태를 의미합니다.
action creator.fulfilled 는 완료 상태를 의미합니다.
action creator.rejected는 오류 상태를 의미합니다.
thunk는 각각의 상태에 따른 reducer를 체계적으로 작성할 수 있도록 유도합니다.
thunk를 처리할 때는 extraReducers를 사용합니다.
완성된 앱은 이렇습니다.
https://stackblitz.com/edit/react-bnj...
아래 코드를 기반으로 실습을 하시면 됩니다.
https://stackblitz.com/edit/react-adv...
선행수업
https://seomal.com/map/1/277
후속수업
https://seomal.com/map/1/278