[React] JSX 소개

1. JSX 란? JSX 는 JavaScript 와 XML/HTML 을 합친 것으로, 자바스크립트의 문법을 확장시킨 것입니다. const element = <h1>Hello, world!</h1>; 위의 코드는 자바스크립트 코드와 HTML 코드가 결합되어 있는 JSX 코드입니다. <h1> 태그로 둘러싸인 문자열을 element 라는 변수에 저장하는 것을 의미합니다. 앞으로 계속해서 리액트를 개발하게 된다면 필수적으로 JSX 코드와 친해져야합니다. 2. JSX 의 역할 JSX 는 내부적으로 XML/HTML 코드를 자바스크립트로 변환하는 과정을 거치게 됩니다. 그렇기 때문에 실제로 JSX 로 코드를 작성하면 최종적으로는 자바스크립트 코드가 나오게 됩니다. 리액트에서 JSX 코드를 자바스크립트 코드로 변환하는 역할을 하는 함수는 createElement() 입니다. React.createElement( type, [props], [...children] ) type 엘리먼트의 유형 div...

원문링크 : [React] JSX 소개