리액트 슈퍼루키 동동이 리액트 슈퍼루키 동동이

JSX? JSX는 JavaScript XML의 약자이다. JSX코드는 자바스크립트 파일에 작성된 HTML 코드를 의미한다. 쉽게 풀어보면, JSX = JavaScript XML = 자바스크립트 안에 있는 HTML(XML)코드이다. 리액트는 빌드 프로세스를 사용하는데 처리되지 않은 리액트 코드는 브라우저에서 실행 할 수 없다. 그래서 리액트 코드는 특별한 JSX 기능을 사용하여 작업한다. 리액트는 JSX 코드를 실제 DOM으로 렌더링한다. JSX 코드에 자바스크립트 표현식도 쓸 수있다. = { } 사용이 가능하다. JSX의 한계 JavaScript에서 함수는 단일 값만 반환한다. ( 한개만 리턴한다는 말이다.) 이 특성을 JSX와 React컴포넌트에서도 그대로 적용되기 때문에 루트 JSX도 단일 요소 하나..