[Redux] Redux-logger 사용하기

Redux-logger를 사용하는 법에 대해 알아보겠습니다.

 

 

 

📌 설치 

 

yarn add redux-logger // yarn 사용시 

npm install redux-logger // npm 사용시

 

📌 index.js 

 

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { configureStore } from '@reduxjs/toolkit'; 
import rootReducer from './module';
import { Provider } from 'react-redux';
import { createLogger } from 'redux-logger';
 
 
const logger = createLogger();
 
const store = configureStore({
  reducer: rootReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }).concat(logger)
});
 
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}>
    <App />
    </Provider>
  </React.StrictMode>
);
 
reportWebVitals();