Hello world

프로젝트 세팅

1) npx 사용방법

npx create-react-app <프로젝트_이름>

💡npx란?
npm package runner 이다.

2) npm 사용방법

npm install create-react-app -g
creat-react-app <프로젝트_이름>

두가지 모두 사용가능하다.

프로젝트 구동

npm run start

localhost:3000 에 리액트 웹 사이트가 구동되는것을 확인할 수 있다.

Hello World 표출해보기

App.js

import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Hello World
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

Hello World가 잘 보인다!