1-3. 기본적인 틀 만들기

아까 우리가 대부분의 파일을 지웠으니, 다시 만들어주겠습니다. 우선 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 파일에서 반영하세요.

src/index.js

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

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

자, 이제 우리의 프로젝트의 개발서버를 실행하겠습니다. 프로젝트 디렉토리에서 다음 명령어를 입력하세요.

yarn start