다 만들었다면 App에서 CounterContainer를 렌더링하여 잘 작동하는지 확인해 보세요.

App.js

import React from 'react';
import CounterContainer from './containers/CounterContainer';

const App = () => {
  return (
    <div>
      <CounterContainer />
    </div>
  );
};

export default App;

---

 

이제 yarn start 명령어를 입력하여 브라우저에서 확인해 봅시다.

▲ 그림 18-2 카운터 작동 확인

 

리덕스 프로젝트가 모두 준비되었습니다! 이제 리덕스 미들웨어를 본격적으로 배워 볼까요?