[javascript] JSX

JSX

- 일반적으로 자바스크립트 내에서는 html 태그 사용이 불가능하지만, 이를 가능하게 함.

- 자바스크립트 부분을 알려주기 위해 { }를 사용함.

- Babel은 JSX 로더를 가짐.

- 속성과 내용 전부에 들어갈 수 있음.

- ReactDOM은 JSX에 포함한 값을 escape 처리하여 XSS로부터 안전함.

 

 

 

아래와 같은 코드는 JSX를 사용한 예시를 보여준다.

(이미지 출처:  '기초부터 배우는 React - Part 1')