1. redux-devtolls-extension 설치

• devtools 설치 하기

  • 보통 개발용이기 때문에 보통 -D 옵션 준다. -D옵션을 주지 않고, 배포용에도 redux가 깔려있다면 일반 사용자들이 다 볼 수 있다. ex) 다방. 이런 경우에 데이터 구조가 노출이 되면서 보안이 위험해지기 때문에 조심해야 한다.

    npm i redux-devtools-extension -D
    

2. compose로 결합하기

• default

  const enhancer = composeWithDevTools (
  	applyMiddleware(
  		firstMiddleware,
  		thunkMiddleware,
  	),
  )
  

• 참고) dev환경에서 사용하고 싶지 않은 경우

  const enhancer = process.env.NODE_ENV ==="production" ?
   compose (
  	applyMiddleware(
  		firstMiddleware,
  		thunkMiddleware,
  	),
  ) :
   composeWithDevTools (
  	applyMiddleware(
  		firstMiddleware,
  		thunkMiddleware,
  	),
  )