# redux-devtools
Redux - Redux devtools
리덕스 애플리케이션의 상태 변화를 모니터링하고 디버깅하기 위한 브라우저 확장 프로그램이다.Redux DevTools는 Chrome, Firefox, Safari, Edge 등 다양한 브라우저에서 사용할 수 있으며, 크게 세 가지 기능을 제공한다.Time Travel:

[error] next-redux-wrapper 사용 시 Use createWrapper()
✍️ react 프로젝트에 redux를 연결하면서 발생한 에러 상황이다. 예전에 공부한 방법과 달라져서 다시 새롭게 배웠다. 해결 방안과 함께 redux연결하는 코드를 정리해 보았다. 더불어 redux dev tool 연결 코드도 정리 해 보았다.
[React] redux-thunk (전역상태관리 비동기 처리) + redux-logger, Redux DevTools
비동기 처리를 위한 redux-middleware 라이브러리dispatch(thunk함수)action type & action 생성자함수, (thunk 함수), reducer 함수를 1개의 파일 내에서 정의해서 사용하는 방식.
Redux 미들웨어 1
미들웨어가 '디스패치'의 앞뒤에 코드를 추가할 수 있게 해준다.미들웨어가 여러개면 미들웨어가 '순차적'으로 실행된다.미들웨어의 두가지 단계 \- 스토어를 만들 때, 미들웨어를 설정하는 부분 {createStore, applyMiddleware} from redux

Redux 02 | Basics (리액트 앱 적용 / container & connect)
src/index.js → 스토어 제작 & 리액트 app에 리덕스 적용 작업형태 예시스토어 사용 위해→ <App/>를 <Provider>로 감쌈<Provider>'react-redux' 제공store: props로 전달리덕스 개발자 도구크롬 확장 프로그

redux-devtools 적용하기
크롬에 가서 redux devtools라고 검색을 한다 .이것을 설치를 해주고 terminal 로 가서 yarn add redux-devtools-extension이라고 입력을 한다 .그리고index.js로 파일로 가서 , 이라고 입력한다.