React - JSX 문법

하나를 만들려면 코드짜기가 어렵기 때문이다.

1. class를 지정할 땐 className

  <div className='title'></div>

2. 데이터 바인딩 하려면 '{ }'

let jejuPopularRestaurant = ['무거버거', '살찐고등어', '명동손칼국수'];
  <div>{jejuPopularRestaurant[0]}</div>
  //<div>무거버거</div>

3. html에 style 속성을 넣고싶을때

<div style={ {color : 'white', fontSize : '27px'} }> 글씨 </div>

{속성명 : “속성값”} 형태를 사용해야한다.
대쉬는 사용할 수 없고, 카멜케이스를 사용해야한다.

출처. 코딩애플