import React from "react";

• JSX로 작성된 코드 ———JSX transformer———> React 메소드

    // JSX
    <h1>good morning</h1>
  
    // js
    React.createElement("h1", null, "good morning");

• 브라우저는 HTML, CSS, JS만 읽을 수 있기 때문에 JSX 문법으로 작성된 문법을 이해하지 못함

  • 따라서, react로 작성된 코드를 브라우저가 읽을 수 있도록 변환해 주어야 함

• 이때 객체인 React를 가져오기 위해 import React from ‘react’를 맨 위에 작성해 객체 React를 불러오게 되면 이를 통해 React 메소드를 작성할 수 있음

• 추후 Babel이라는 웹팩을 통해 React를 유효한 JS로 변환할 수 있게 해줌

하지만, React 17부터 생략이 가능

• React 내부적으로 JSX transformer가 JSX를 React 요소로 변환하는 작업을 거치기 때문에 모든 컴포넌트에 import React from ‘react’ 를 작성하지 않아도 됨