react.js는 어플리케이션이 아주 interactive 하게 만들어주는 라이브러리이고 react engine
react dom은 react element를 html에 두는 역할을 함
span을 만들고, reactDom이 html에 위치시킴
const span = React.createElement("span")
ReactDom.render(span, root) // root안에 span을 위치시킴
createElement에 argument로 다른 property를 추가할 수 있음
const span = React.createElement("span", {id: "sexy-span"}, "hello, I am a span")
첫번째 argument: html element
두번째 argument: any property
세번째 argument: 내용
react.js는 지금까지 해왔던 것을 거꾸로 하고 있음. 모든 것이 javascript에서 시작해서 html이 됨!!
react.js가 html을 업데이트할 것임.
javascript로 만들고, reactDom.render가 html로 번역함.
'개발 > react' 카테고리의 다른 글
react.useState()는 데이터를 업데이트하는데 이용함!! (1) | 2022.09.24 |
---|---|
react.js는 바뀌는 부분만 업데이트한다는 점이 최고의 장점!! (0) | 2022.09.24 |
react component를 다른 component에 넣으려면 함수로 만들어줌!! (0) | 2022.09.24 |
react.js는 JSX를 통해 더 쉽게 createElement를 할 수 있음!! (0) | 2022.09.24 |
react.js는 property에 event를 등록할 수 있음!! (0) | 2022.09.24 |