jsx

[React.js] JSX 표기법 / 컴포넌트 사용 방법

JSX 표기법 리액트는 JSX 표기법을 사용한다. JSX는 영어로 다음과 같은 의미를 갖고 있다. A syntax extension jo JavaScript. 문장을 그대로 해석해 보면 자바스크립트의 확장 문법이라는 뜻이다. 그럼 문법을 어떻게 확장한 것일까? JSX는 JavaSciprt와 XML/HTML을 합친 것이라고 보면 된다. JSX의 X는 extension의 X로 볼 수도 있지만 실제로는 JavaScript and XML의 앞 글자를 따서 JSX라고 부르는 것이다. 먼저 리액트 프로젝트를 만든 뒤 src 폴더 안에 있는 파일을 모두 삭제하고, index.js를 새로 만든다. index.js에 리액트 기반을 작성하면서 JSX에 관해 알아보자. 먼저 react-dom 라이브러리에서 ReactDom이..