React 에선 HTML 대신 JSX 써야함

JSX

JSX(JavaScript Syntax Extension)는 React에서 사용하는 JavaScript 확장 문법이다.  JSX는 HTML 코드를 작성하는 것과 비슷하기 때문에 가독성이 높다. 또한 HTML 태그도 사용이 가능하고 내부에 컴포넌트도 작성이 가능하여 활용도가 높다.JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있습니다.

데이터 바인딩 이 매우 쉬워져서 JSX를 사용함

 

 

React 

1. class=""가 아니라 className=""이렇게 클래스명 집어넣어야 한다.

2. {} 이용해서 주변의 javascript 변수 태그 중간중간 집어 넣을 수도 있다.

3. 스타일을 넣고 싶으면 style={ 오브젝트 자료형으로 만든 스타일 } 을 집어 넣어야 한다.

4. React 에서는 {} 생각 이상으로 사용 가능 src, id, href 등의 속성에도 가능 {변수명, 함수 등}