FRONTEND/React
React :: JSX(JavaScript XML) ?
neeon
2023. 10. 27. 10:48
728x90
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의 문법을 따라가고 있었음..^^:
728x90