• React 프로젝트는 JSX 문법을 사용하여 UI를 작성한다.(보여지는 것을 다룸)
• HTML보다 엄격하다
  - 닫는 태그 필수
  - 최상위 부모가 딱 하나여야 한다
  - 빈 태그를 사용할 수도 있다.
  

Babel

JSX (JavaScript XML)를 React Project에 적용하기위해 쓰인다.

• modern JS를 호환하지 않는 브라우저도 있기 때문에 현대 JavaScript 코드를 변환해서 옛날 브라우저도 JSX를 이해할 수 있게 만들어준다.
• JSX를 JS로 변환

JSX 문법

//틀린 문법
<h1></h1><h2></h2>

//올바른 문법
<>
	<h1></h1>
	<h2></h2>
</>

1. JSX 태그는 최상위 부모는 딱 1개만 존재할 수 있다

틀린문법

올바른 문법

1. return하는 줄에 첫번째 요소가 없다면 아무것도 반환되지 않는다.
2. 컴포넌트는 대문자로 시작해야 한다.
3. JSX에서는 class가 아니라 className이라고 한다.