리액트 : JSX 문법 3가지

App.js

 

시작!

 

 

 

 

• JSX : .js 파일에서 쓰는 html 대용품

 

 

 

---

 

 

 

1. class 넣을땐 className 사용하기

 

 

 

 

 

 

 

2. 변수 넣을땐 {중괄호}
= 데이터바인딩은 {중괄호}

 

 

 

 

 

 

 

3. style 넣을땐 style={ { 스타일명 : '값' } }

 

 

기존에는 font-size 인데 - 사용하면 안돼서 fontSize로 사용해야 함!

        <h4 style={{ color: 'tomato', fontSize : '16px' }}>블로그</h4>

 

 

 

 

 

 

 

 

---

 

 

 

 

에러는 터미널이나 개발자도구의 console에서 확인하기!