Today Yewon Learned

JSX ※ 주의할 점 - JSX로 html태그를 작성할때는 하나로 감싸진 태그로 작성 import ReactDOM from 'react-dom'; ReactDOM.render( 안녕 리액트!, // 오류 발생 document.getElementById('root') ); import ReactDOM from 'react-dom'; ReactDOM.render( // 라는 하나의 태그로 감싸서 오류 해결 안녕 리액트! , document.getElementById('root') ); import { Fragment } from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( 안녕 리액트! , document.getElementById('root')..

JSX - React에서 지원, javascript와 html을 섞어서 쓸 수 있는 javascript의 확장된 문법 ※ 주의할 점 - JSX는 javascript의 확장 문법이기 때문에 html문법을 완전히 그대로 사용할 수 없음 ex) class 속성 import ReactDOM from 'react-dom'; class Dice { roll() { console.log('Roll!'); } } // html - class 속성 그대로 사용 불가 /*ReactDOM.render(안녕 리액트!, document.getElementById('root'));*/ // JSX - className 속성으로 사용해야함 ReactDOM.render(안녕 리액트!,document.getElementById('ro..