[ React ] 리액트 JSX TIP

본래 리액트에서 리액트 엘리먼트를 생성할 때 React 가 가지고 있는 createElement 메서드를 통해 생성해낸다. ​ color 라는 id 를 가졌으며 text 는 "빨강" 을 집어넣은 엘리먼트 h1 태그를 만들 때 아래와 같이 만들어낸다. React.createElement("h1", {id: "color", 'data-type': "title"}, "빨강"); // 빨강 createElement 로 엘리먼트를 만들 경우 빨강 처럼 ​ data-reactroot 가 붙게 되는데 이는 리액트 컴포넌트의 루트 엘리먼트를 식별해주는 애트리뷰트이다. ​ 여튼 이처럼 리액트에서 엘리먼트를 생성할 때 createElement 를 사용하곤 했는데 ​ 매번 엘리먼트를 생성할 때마다 React.createEl..