[슈퍼코딩] 18강 JAVASCRIPT XML (JSX)복습

자바스크립트안에 있는 html 코드
 
공식사이트: 
https://ko.legacy.reactjs.org/docs/introducing-jsx.html

JSX 소개 – React

JSX라 하며 JavaScript를 확장한 문법입니다. 
 

 
리액트가 어떻게 JSX 문법를 계산하는지 보자

 
기본적으로 브라우저는 자바스크립트를 이해할 수 있고 JSX는 이해할 수 없다.
TRANSFORM해주는 과정이 필요하다.
리액트와 브라우저가 자동으로 해준다.
전환해준다. 이 정도로 보기
 
개발자도구에서 SOURCE 보기
 

 
creact-react-app에서 
static>js>bundle.js

node modules안에 있는 리액트 라이브러리가 자바스크립트 코드를 리액트를 변환하면서
추가해줘야하는 코드를 추가해줘서 bundle.js에서 만들어준다는 말

검색에서 App() 찾기
 
jsx문법의 가장 중요한 법칙

 

코드설정>바로가기키>format document/문서서식

드래그 안해도 되고 그냥 커서 아무데나 두고 하면 됨 문서서식 단축키 누르는 것