[ React + redux 02 ] 애플리케이션 상태관리 - 기본적인 틀 생성

01. 기본적인틀 생성

이전 [ React + redux 01 ] 에서 대부분의 파일을 제거했으니, 다시 만들어줘 보자.

우선 containers 디렉터리에 비어있는 App 컴포넌트를 만들자.

// src/containers/App.js

import React, { Component } from 'react';

class App extends Component {
    render() {
        return (
            <div>
                Counter
            </div>
        );
    }
}

export default App;

그 다음에는 이를 src/index.js 파일에 반영한다.

// src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './containers/App';
import './index.css';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(, document.getElementById('root'));
registerServiceWorker();

이제 프로젝트 개발 서버를 실행한다. 프로젝트 디렉터리에서 아래 명령어를 입력해보자.

$ yarn start

위와같이 Counter 텍스트를 잘 표시 한다면 성공~