[FrontEnd]redux devtools 정의 및 설치

Reactotron과 같은 역할을 한다.

하지만 더 간편하고 많은 기능을 제공한다.

리액토트론에서 액션을 보고 입력할 수 있는 기능 뿐만 아니라

우리의 state을 차트로 표현해주기까지 한다.

<크롬 확장프로그램이라서 사용하기도 편리>

import { composeWithDevTools } from "redux-devtools-extension";

if(env === "development"){

store = initialState =>

createStore(reducer, composeWithDevTools(applyMiddleware(...middlewares))

);

다음과 같이 패키지를 불러오고

개발환경일때 스토어를 생성하게 되어 있다.