JSX

JSX란,

자바스크립트의 확장 문법으로 XML과 유사하게 생겼음.
HTML 태그를 사용하듯이 작성하면 됨.

const element = <h1>Hello, world!</h1>;

JSX의 변환

JSX로 작성한 코드는 브라우저에서 실행되기 전, 코드가 번들링 되는 과정에서 바벨을 사용하여 일반 JS 형태의 코드로 변환된다.

JSX 장점

• 보기 쉽고 익숙하다. 가독성 이즈 굿.
• 활용도가 높다.

참고할 점,

JSX는 공식적인 JS 문법이 아니라는 것. 리액트로 개발될 때 사용된다. 바벨에서는 여러문법을 지원할 수 있도록 preset 및 plugin을 설정함. 바벨을 통해 개발자들이 임으로 만든 문법 & 차기 JS 문법을 사용할 수 있다.

[이미지 출처] https://morioh.com/p/b45beb244ef2