9. import React from "react"

이게 뭘까 ?

 

처음 리엑트를 설치할 때 app.jsx 에는 import React from "react" 가 붙는다.

그런데 이걸 삭제를 해도 작동이 잘된다 ! 

그렇다면 왜 쓰는걸까?

 

 

---

 

 

 

왜 있는걸까 ? 

 

브라우저는 HTML, CSS, JavaScript 만 읽을 수 있기 때문에 React 문법을 이해하지 못한다. 

JSX 문법을 JavaScript 로 변환시킬 때 JSX transformer를 사용해 JSX로 작성된 React 메소드로 변환시킨다.

이 때, 객체인 React를 가져오기 위해서 import React from "react" 를 맨 위에 작성해 React를 불러오게 되면 객체 React를 통해 React 메소드를 작성할 수 있게 된다. 그리고 난 후 Babel 을 통해 React를 유효한 Javascript 로 변환할 수 있도록 해준다.

 

 

---

 

 

 

생략해도 아무 문제 없는걸까?

 

대답은 YES 다. 

 

React v17 부턴 React 내부적으로 JSX transformer가 JSX를 React 요소로 변환하는 작업을 거치기 때문에 모든 컴포넌트에 import React from "react" 를 작성하지 않아도 된다고한다.