Coding/React.js

JSX(Javascript XML)

CoCoZe 2020. 3. 31. 21:07

React에서는 JSX를 사용할 것을 권유한다.

 

바닐라 JS 혹은 일반적?으로는 html을 사용하고, Vue에서는 .vue 파일을 사용하는 것과 같이

 

.jsx 확장자를 가진 jsx파일을 사용한다.

 

간단하게 설명하자면 원래는 html과 javascript는 한 공간? 내에 공존할 수 없다.

 

같은 파일 내에 있어도

<html> </html>  <script></script>

이렇게 태그로 나누어주고, 그 내에서 코드를 작성해야했다.

 

하지만 JSX는 공존한다.

 

<html> 태그 내의 내용을 변수처리 할 수 있는 등 원래 html이나 js에서는 하지 못했던 것들을 할 수 있다.

 

물론 그래서 일반적인 js나 html 코드가 아니기 때문에 jsx은 Babel로 변환해주어야 한다.

 

 

 

반응형