[면접질문 #3] What is JSX - JSX란 무엇인가?

아래 글은 https://github.com/sudheerj/reactjs-interview-questions 에서 번역한 내용이며, Sudheer Jonna 로 부터 번역 허락을 받았음을 알립니다.

 

이 글을 읽고, 면접 뿐만 아니라 자바스크립트의 기본 및 심화 개념을 잡는데 도움이 되었으면 좋겠습니다. 영어 전공자가 아니므로, 오역 또는 제 나름대로의 직역이 있습니다.

---

JSX ECMAScript 문법의 확장판이다. Basically, 이것은 React.createElement()를 사용해 개발했던 것과 다르게 편리함을 제공해준다. JSX는 HTML과 Javascript와 매우 유사하다.

 

예시는 아래와 같다.

<h1> 태그 안은 render 함수에 Javascript 함수로 반환된다.

 

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>{`Welcome to React World !!`}</h1>
      </div>
    )
  }
}