최종프로젝트 5일차
오늘도 툴킷에대해서 공부했다.
참고했던자료목록으로는 다음과같다.
https://redux-toolkit.js.org/api/createAsyncThunk
https://blog.woolta.com/categories/1/posts/204
https://velog.io/@raejoonee/createAsyncThunk
이게 여러 자료들을 찾아보면서 느낀점이 공식문서가 영문이라 읽어야한다는 생각이있지만 거부감이들었지만 이해하기쉬운 한글내용보다 그냥 번역기와 그동안 찾아봤던 자료들을 잘 조합하여 공식문서의 내용을 읽어나가는것도 나쁘지않은공부법인것같다.
오늘 거의 하루종일 봤던거같은데 볼떄마다 새로운게나온다.
대표적인게 redux-thunk를 활용하여 프로미스를 처리하는과정이다. 기존에 서버요청을 보낼떄에도 프로미스를 활용하여 통신을 했었는데 프로미스 상태에따라 따로 액션을 설정해주지않았다. 그래서 이번에 툴킷을 공부하면서 createAsyncThunk를 활용하여 비동기처리를할떄 갑자기 createSlice를통해 reducer를 구성하는과정에서 프로미스의 상태별로 액션을 나누어 extraReducers에 키값으로 각각 설정해줬는데 왜 갑자기 각 상태별로 나뉘는지 이해가안됬다. 그래서 찾아보다 https://react.vlpt.us/redux-middleware/05-redux-thunk-with-promise.html 에서 기존에 툴킷을 사용하지않을떄에도 프로미스를 다룰때 액션별로 리듀서에서 처리를해주는걸 확인하고 툴킷을 사용한다고해서 갑자기 생겨난 과정이 아니라는걸알았다. 또한 이렇게 작성을하고 정작 컴포넌트에서 어떻게 시작되는지가 그려지지가않아 2기멘토님의 지난 프로젝트코드중 로그인파트를 찾아보면서 컴포넌트에서부터 어떻게 시작되는지 확인해보니 좀더 이해하기가 쉬웠다. 그래도 툴킷을 어느정도 보고 툴킷을사용한 코드를보니 위의 링크에서 봤던 패턴이 보이면서 그래도 어느정도 이해가됬다. 앞으로도 공부하면서 남의 코드를 참고하는 습관을가지면 지식을 습득하는데 시간을 단축시킬수있을것같다는 생각이들었다.
