[#day1] JSX

기존Javascript로 웹페이지를 구현할때는

HTML, css, javascript를 나눠서 사용했었다.

JSX

JSX는 문자열도, HTML도 아니다. javascript의 확장 문법.
React에서 사용이 가능하며, UI가 어떻게 보일지 설명
React에서 요소를 만듭니다.

다음과 같이 표현이 가능하다

JSX로 변수 안에 html, css가 할당이 가능해졌고 함수 안에도 사용 할 수 있게 되었다.

JSX의 속성 정의

속성에 따옴표를 이용해 리터럴을 정의할 수 있다.

 const ele = <div tabIndex="0"></div>;

속성에 중괄호를 이용해 자바스크립트식 표현을 할 수 있다.

이 때 중괄호를 따옴표로 묶으면 안된다

태그 중간에 비어있다면 XML처럼 />으로 닫을 수 있다.

ex) const element = <img ~~~ />

출처 : React