[React] Redux Dev Tools, Development server 에서만 실행되게 설정하기

Redux Dev Tools는 디버깅에 매우 유용한 기능이지만 Redux 내 유저에게 공개되어서는 안되는 정보가 담겨있을 수 있어 배포 버전에서는 사용을 제한해야하는 경우가 있다.
이 때 아래와 같이 사용한다.

---

// configStore.js

import { configureStore } from "@reduxjs/toolkit";

const store = configureStore({
  reducer: { },
  devTools: process.env.NODE_ENV !== 'production'
}, );

export default store;

 

• devTools: process.env.NODE_ENV !== 'production' 구문을 리듀서에 추가하여 설정할 수 있다.
• process.env.NODE_ENV : 빌드 시 'development' 또는 'production' 문자열로 대체된다.

---

📌 참조

• https://ui.toast.com/weekly-pick/ko_20191212