상태관리 (2) 썸네일형 리스트형 비동기 상태관리(setState) 프로젝트를 진행하며 가장 애먹었던 부분이 비동기적 상태관리이다.. React hook인 useState()에서 setState를 사용할 때 동기적 처리와 비동기적 처리에 대해 잘 이해하지 못했다. 동기적 처리과정에서는 순서대로 상태가 변경되기 때문에 문제가 없었지만, 서버요청의 응답 데이터(비동기)로 처리해야할 때에 setState 함수를 그대러 써주면 내가 원하는 대로 상태 값이 변경되지 않는다.. setState()를 알아보기 위해 아래 두개의 링크를 참고 했다. https://www.youtube.com/watch?v=hSdVDBPTT0U https://ko.reactjs.org/docs/react-component.html#setstate setState는 React hook인 useState에서.. 조금 더 익숙해진 Redux-Toolkit(사용하기) Redux-Toolkit? Redux보다 조금 더 수월하게 적용할 수 있다. 각 폴더에 import 해야할 부분은 생략함.... 1. 먼저 상태를 저장할 store인 slice를 만들어보자 redux와 같이 상태를 저장하는 store가 있다. 하지만 redux와 다르게 하나의 store에 저장하지 않고 각각의 작은 store를 생성해 저장한다. (이후 이 작은 store를 하나의 큰 스토어(combineStore로 묶는다) 이 작은 store는 createSlice()로 만든다. 이 slice에는 객체로 name과 초깃값(initionState), reducers가 들어간다. 먼저 name은 말그대로 사용할 이 slice의 이름을 임의로 지정해준다. 다음으로 초깃값은 상태가 변경되기 전 초기의 값을 설정.. 이전 1 다음
