[React] 'React' must be in scope when using JSX 오류

'React' must be in scope when using JSX 오류

---

리액트를 사용하여 프로젝트를 진행할 때

다음과 같이 React를 import 하지 않으면 오류가 발생한다.

 

 

JSX는 자바스크립트 문법의 확장으로 ECMA 표준이 아니다.

따라서 바벨과 같은 툴로 JSX를 자바스크립트로 변환해야 한다.

 

바벨이 JSX가 사용되었음을 알고 이를 변환하도록 하기 위해서는

React를 반드시 import 해주어야 한다.

 

import React from "react";​