JSX의 등장알다시피, JS (Javascript)와 JSX (Javascript XML)은 엄연히 다른 문법이다. JSX는 JS 코드 안에서 html 문법을 쓸 수 있게 만든 확장 문법이다. JS는 별다른 처리없이 그대로 실행이 가능하지만, JSX는 Babel과 같은 트랜스파일러를 거쳐 JS 언어로 변환되어야 브라우저에서 실행이 가능하다는 차이점도 존재한다. JSX는 2013년, 컴포넌트 기반의 프레임워크인 React가 등장하면서, 아래와 같이 UI 구조를 직관적으로 표현할 수 있도록 함께 등장한 문법이다. 보이는 바와 같이 사용되는 문법이 다르고, JSX의 경우에는 트랜스파일 과정이 필요하므로, “이 파일 안에서는 JSX 문법이 사용되고 있어”라는 표현 방식이 있어야 하는데, 이를 위해 React 팀..