컴포넌트

function App() {
  return (
    <div className="App" />
  );
}

componet = function = html을 반환하는 함수

JSX

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

컴포넌트 만드는 법

⚠️ 컴포넌트를 작성할 때마다 import React from "react"; 꼭 써주기!

• src 폴더에 Test.js 파일을 새로 만들어보자.:

import React from "react";

function Test() {
    return (
        <h3> Test Page!</h3>
    )
}

export default Test;

컴포넌트 사용하는 법

• App.js:

import React from 'react';
import Test from './Test';

function App() {
  return (
    <div>
      <h3>Hello!</h3>
      <Test />
    </div>
  );
}

export default App;