본문 바로가기
Language

JSX란?

by 밍상 2021. 10. 13.

JSX는 JavaScript + XML 의 약자이다.

 

자바스크립트나 타입스크립트 문법에 XML 문법이 있는 경우에 JSX or TSX라고 부른다.

XML에 자바스크립트를 결합할 용도로 만든 구문이다.

 

이는 React.createElement를 간결화해서 JSX코드로 사용할 수 있게 도와준다.

 

JSX는 아래의 코드가 import되어야 사용할 수 있다.

import React from 'react'

 

XML에 자바스크립트 코드를 삽입할 수 있으므로 아래와 같이도 사용 가능하다.

const hello='Hello world!';
<Text>{hello}</Text>