react JSX (1) 썸네일형 리스트형 [ REACT ]JSX, JSX문법과 예제 정리 JSX는 자바스크립트의 확장 문법이다. React에서 HTML을 표현할 때, JSX를 사용한다. 외관상 HTML같은 마크업 언어를 리터럴로 입력하는 것으로 보이는데, 빌드 시 Babel에 의해 자바스크립트로 변환된다. 자바스크립트 코드를 HTML처럼 표현할 수 있기 때문에 용이한 개발이 가능하다. JSX 변환 예제 위와같은 코드를 입력하면, 아래와 같은 자바스크립트 코드로 변환되어 렌더링된다. function App() { return React.createElement("div", null, "Hello ", React.createElement("strong", null, "World")) } JSX 문법 1. 반드시 부모 요소는 한개의 태그로 감싸져 있어야 한다. virtual DOM에서 컴포넌트 변.. 이전 1 다음
