[React] 데이터바인딩(Data Binding)

📕 데이터바인딩(Data Binding)이란?

화면에 있는 객체와 데이터를 일치시키는 것입니다.

data라는 변수에 '데이터'라는 변수를 담고 사용하는 방법은 중괄호 {} 사이에 해당 변수를 넣어주는 것입니다.

요런식으로 굳이 '데이터'라는 말을 쓰지않아도 '데이터'라는 글자를 볼 수 있습니다. 이것이 데이터 바인딩입니다.

근데 className?? 처음보지않나요?
HTML에서는 <div class="wrapper>로 썻다면 JSX에서는 <div className="wrapper">로 사용합니다.

데이터바인딩은 저렇게 내용물로만 쓸수있는것이 아닙니다.

요런식으로 className에다가도 대입할 수 있습니다.

css 도 할수있을까요??

됩니다!!!!