jsx

• jsx 속성은 항상 ""로 감싼다

• 태그는 항상 닫혀있어야한다

• 셀프 클로징이 가능하다

<div> <div> => <div />

• 형제 노드로 작성할 수없다

(x)
<div></div>
<div></div>

(o)
<div>
  <div></div>
  <div></div>
</div>

• jsx 안에서 javascript는 다음과 같이 사용한다

function(){
 const a = '1';
 return(
     <div> {a} </div>
         );
  }

return에서 변수명을 {}중괄호로 감싼다

• jsx에서 주석은 다음과 같이 사용한다

  /* 주석 */