React 기초 : JSX 사용법

리액트에서는 HTML 대용으로 JSX를 사용합니다.

 

1. 태그에 class 주는 방법 

    <div className=" ">

 

2. 리액트에서 데이터 바인딩 쉽게 하는 방법

   위에서 선언한 변수, 함수 등을 { } 안에 넣어서 표현

let posts = '개발 블로그';

return (
  <h4> {posts} </h4>
)

3. JSX에서 style 속성 넣을 때

    style = { object 자료형으로 만든 스타일 }

    Camel Case 사용

* 스타일을 저렇게 넣기 번거로우니까 className으로 CSS를 적용하는 것이 더 편함!