[React - 기초] JSX, Babel
·
React/패스트캠퍼스
1. JSX 문자도 HTML도 아닌 JavaScript의 확장 문법 const text = "Hello, world!"; const textClass = "title" const element = {text} React 개발을할 때 JSX는 필수가 아니다. 하지만 시각적으로 더 도움이 된다. 2. Babel JavaScript Complier로 React 언어를 JavaScript가 이해할 수 있게 해석해주는 프로그램이다. const text = "Hello, world!"; const textClass = "title" const element = {text} = // 바벨처리 => const text = "Hello, world!"; const textClass = "title"; const elem..
[React] JSX란?
·
React/이론
JSX ? JSX는 Javescript와 XML을 합쳐서 만들어진 자바스크립트 확장 문법이다. 브라우저에서 실행되기 전에 코드가 빌드되는 과정에서 바벨을 사용해 일반적인 자바스크립트 형태로 변환한다. 리액트를 사용할때만 사용되므로 공식적인 자바스크립트 문법은 아니다. 그렇기때문에 사용하기위해서 바벨에서 설정을 해야한다.