React :: JSX(JavaScript XML) ?

JSX 

JavaScript XML 의 약자로 자바스크립트와 XML이 합쳐진 문법.

 

---

XML 이란?
 - eXtensible Markup Language 
 - HTML과 같은 마크업 언어이지만, HTML은 데이터를 "표현"라는 마크업 언어인 반면, XML은 데이터를 "기술"하는 언어
 - 엄밀히 말하자면 XML은 마크업 언어라기 보다 마크업 언어를 정의하기 위한 언어

---

 

.JS 와 .JSX의 문법 차이

1. JSX는 class가 아닌 className을 사용.

2. JSX에서는 변수를 사용할 때, {}를 사용함.

3. JSX : HTML 안에 스타일을 지정할 때 style={{style}} 의 형태

4. JSX : 하나의 div 태그로 감싸야함.

 

 

 

---

나의 경우 .js로 파일을 선언하였었지만

문법은 jsx의 문법을 따라가고 있었음..^^: