[React.js] 사용시 주의할 점 - JSX 문법

😃프로젝트하면서 헷갈릴 때마다 계속 추가될 예정입니다 ~ 😃

 

---

1. css 속성을 적용할 때 class 가 아닌 className 으로 써야한다.
2. JSX 문법이기 때문에 중괄호를 통해 데이터 바인딩을 해준다.
3. style 을 html 구문에 바로 적용하고 싶을 때는 오브젝트 형식으로 작성해준다.
   • 스타일 속성은 font-size(kebab-case) 라고 작성하면 안되고 camelCase를 써야 한다
   • JSX 에서는 -를 마이너스 기호로 인식하기 때문이다.

<h4 style={{ color: "red", fontSize: "17px" }}>

 

 

꿀팁

/* eslint-disable */  : 본 주석을 javascript 상단에 작성하면, terminal에 warning message 안뜬다!