JSX란?

React엘리먼트를 생성한다.

JavaScript의 확장이다.

const element = <h1>Hello, world!</h1>

JSX 표현식

JavaScript를 품고 있기 때문에 중괄호 안에 모든 JS표현식을 넣을 수 있다.

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;

JSX 속성 정의

중괄호를 이용해 속성값을 지정할 수 있다.

const element = <img src={user.avatarUrl}></img>;

빈 태그는 />로 바로 닫아주어야 한다.

const element = <img src={user.avatarUrl} />;

참조문서

https://ko.reactjs.org/docs/introducing-jsx.html