[8-9] INTRODUCTION & SETUP

react는 많은 회사에서 사용한다.
페이스북에서 만들었고 계속 수정과 업데이트가 되고 있으며 앞으로도 활발하게 쓰일 것이다.
자바스크립트 기반이기 때문에 새롭게 배울 필요가 없다.

왜 리액트를 써야 하냐면
리액트는 가상이 돔을 만들기 때문에 랜더링을 여러번 하지 않아서 빠르다.

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
ReactDOM.render(<App />, document.getElementById("potato"));

import React from 'react';
import logo from './logo.svg';
import './App.css';
import React from "react";

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