[리액트] JSX

리액트는 UI를 만들기 위한 자바스크립트 라이브러리이다.

리액트에서는 JSX를 이용한다.
JSX는 자바스크립트를 확장한 문법으로 자바스크립트 안의 HTML이다. (HTML+JS)

생긴 것은 HTML과 비슷하지만 HTML이 아니라는 점을 유의해야한다.

 

 

<div className="App">
   <span>{this.state.count}</span>
    {/*주석입니다.*/}
</div>

Line 1: 항상 div 태그 안에 코드를 작성해야 한다.

Line 2: 자바스크립트를 표현하려면 중괄호 안에 변수를 넣어준다.

Line 3: 주석을 사용할 때에는 {/* ... */} 형식으로 쓴다. 주석도 div 안에 위치해야 오류가 나지 않는다.