[React] JSX 특수 문자/기호 입력 방법(꺽쇠, 괄호, 슬래시 등)

# 리액트에서 특수 기호 및 특수 문자 입력 방법

HTML에서 꺽쇠( <, > ), 괄호( {, } ), 주석용 슬래쉬 ( //, /* ) 등의 특수문자 입력시,

특수문자 표를 참고하여 &lt, &gt; 등으로 입력한다.

 

하지만 리액트 JSX에서는 중괄호를 이용해 쉽게 특수문자를 표현할 수 있다.

 

=> 중괄호 내부의 따옴표 사이에 원하는 특수기호를 입력해주면 끝!

 

<p>1{'<'}2</p>

<p>2{'>'}1</p>

<p>괄호 {'{'} 내부 {'}'} 괄호</p>

<p>주석 표시 : {'//'}</p>
<p>주석 표시 : {'/*'}</p>

 

<실행 결과>