JSX란?JSX(JavaScript XML)는 자바스크립트 문법 확장이다. 일반적인 JavaScript 코드 안에서 HTML-like 코드를 작성할 수 있도록 해준다. *.tsx 파일에서 TypeScript와 함께 사용하는 경우도 많다.사용 목적UI를 직관적으로 설계할 수 있다. 선언적인 뷰 작성이 가능하다.불필요한 DOM 설정을 줄일 수 있다. 예전처럼 document.createElement 같은 코드 없이도 뷰를 만들 수 있다.JSX의 기본 문법 규칙1. 단일 루트 노드 반환하나의 컴포넌트는 단 하나의 루트 노드만 반환해야 한다. 여러 요소를 반환해야 하는 경우, 처럼 빈 Fragment를 사용해서 감싸야 한다.return ( 1 2 )2. 태그는 반드시 닫아야 한다HTML에서는 i..