프로젝트 만들기

터미널 창에서 다음을 입력

npx create-react-app myapp

프로젝트로 이동

cd myapp

프로젝트 구조는 다음과 같다 (node_modules 제외)

├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── src
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   ├── logo.svg
│   ├── serviceWorker.js
│   └── setupTests.js
└── yarn.lock

필요없는 파일들은 삭제한다.

├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── src
│   ├── App.js
│   ├── index.css
│   ├── index.js
│   └── serviceWorker.js
└── yarn.lock

/src/App.js 를 다음과 같이 수정한다.

import React from 'react';

function App() {
  return (
    <div>
      하이!
    </div>
  );
}

export default App;

다음 명령어로 프로젝트가 구동 되는지 확인한다.

npm start

위와 같이 보이면 끝