gggimmin 개발 블로그 gggimmin 개발 블로그

리덕스 미들웨어란? 리덕스에서 dispatch를 하면 action이 reducer로 전달되고, reducer는 새로운 state를 반환한다. 근데 미들웨어를 사용해 이 과정의 중간에 우리가 하고 싶은 작업을 넣을 수 있다. ex) counter 프로그램에서 +1 버튼을 클릭시, 3초를 기다렸다가 +1이 구현되도록하기. 보통 리덕스 미들웨어를 사용하는 이유는 서버와의 통신을 위해 사용하는 것이 대부분이고, 그 중에서도 많이 사용하는 리덕스 미들웨어가 바로 Redux-thunk 라는 것이다. thunk를 사용하면 우리가 dispatch를 할때 객체가 아닌 함수를 dispatch 할 수 있게 해준다. dispatch(함수) → 함수실행 → 함수안에서 dispatch(객체) ReduxToolKit 에서는 cre..

리덕스는 "중앙 state 관리소" 이다. 리덕스는 전역 상태관리 라이브러리 라고 많이 표현한다. 전역 상태, 즉 Global State를 의미하고 그것을 관리하게 도와주는 라이브러리 (패키지) 이기 때문이다. useState 로 생성한 State = Local State, Redux에서 생성한 State는 Global State 이다. 1. 리덕스 설치 yarn add redux react-redux # 위 코드는 아래의 두개를 한번에 설치한 것과 같은 의미 yarn add redux yarn add react-redux 2. 폴더 구조 1. src 폴더 안에 redux 폴더 생성 2. redux 폴더 안에 config, modules 폴더를 생성 3. config 폴더 안에 configStore.js..