코딩하는 김딸기

리액트 요소를 생성하는 createElement문법을 대체하기=>JSX   JSX – 자바스크립트를 확장한 문법보통의 HTML과 비슷. 그러나 property를 HTML 태그의 속성처럼 적으면 됨const Title = (console.log("mouse enter")}>Hello I'm a span);style={{ backgroundColor: "tomato" }} -> 스타일은 {} 2개임JSX를 브라우저가 온전히 이해하지 못하므로 이해할 수 있게https://unpkg.com/@babel/standalone/babel.min.js 를 설치해야함-> JSX로 적은 코드를 브라우저가 이해할 수 있는 형태로 바꿔줌바벨을 가져온 뒤 script type="text/babel"로 적어줘야 인식함 사전작업 ..

body>    div id="root">div>  body>  script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js">script>  script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js">script>  -react js는 element를 생성하고 이벤트 리스너를 더하는 것을 도와줌->interactive 파워를 가짐 -react dom 을 사용하는 이유 : react element 들을 html 요소로 바꾸기 위해비어있는 div는 reactDom이 react element를 가져다 놓을 장소 -id가 root인 div를 가져온 후 react..