2. JSX란?

1. JSX란?

A syntax extension to JavaScript
자바스크립트의 확장 문법

Javascript + XML/HTML 이다

예시

2. JSX의 역할

내부적으로 XML/HTML을 자바스크립트로 변환하게 됨

JSX로 작성이 되어도 javascript 언어로 변환되서 나옴

리액트에서 .createElement 함수가 이 역할을 함

JSX를 사용한 예시

JSX를 사용하지 않은 예시

즉 JSX를 사용하지 않으면 .createElement 함수를 호출하게 된다.

JSX를 사용하면 저렇게 안해도됨ㅋ

type 은 유형 h1, div등과 다른 컴포넌트
props는 속성
...children은 현재 엘리먼트가 포함하고 있는 자식 엘리먼트

결론

JSX를 안써도 되나 불편하고 가독성이 떨어지니까 JSX쓰자