[React] HTML 대신 JSX

className

태그에 class 주고 싶으면

<div className="클래스명">

---

데이터 바인딩

서버에서 가져온 데이터 특정 구역에서 보여줘야 하는 데, 그러한 과정을 데이터 바인딩이라 칭한다

 

위 코드에서보면 posts 변수를 42seoul로 되어있지만, 데이터베이스에서 가져오면 된다.

그렇게 가져온 값을 특별한 과정을 거치지 않고 중괄호 안에 변수명을 입력 { posts }

꼭! 변수명 뿐만이 아니라 함수도 가능, 또한 src, href, id 등의 속성에도 사용 가능

 

---

style 속성

중괄호 안에 object 자료형으로 만든 스타일을 넣으면 된다.

font-size 같은 경우에는 camelCase 로 변경 해서 fontSize와 같이 써야 한다.

위에 나왔던 것과 같이 style 속성을 변수에 저장을 하여 가져올 수 있다.