$$config title: [React] 바닐라 Javascript 와 React.js 코드 비교 keywords: - 코드 비교를 통한 이해 $$ # 준비 ## 1. Visual Studio Code 설치 ## 2. react JS 와 react DOM 설치 ![react JS, DOM설치](https://raw.githubusercontent.com/miruy/Blog_Img/f9fa4c94c15e80de4fcb2e01e17e3bcff1edf0d7/reactjs%2CDOM%EC%84%A4%EC%B9%98.png) ### - react JS : react요소간의 상호작용을 하는 역할 ### - react DOM : react요소를 HTML코드로 바꾸는 역할 # 바닐라 Javascript 와 React(하드코드ver) 비교 ## 바닐라 Javascript ~~~javascript Total clicks : 0 ~~~ ![](https://raw.githubusercontent.com/miruy/Blog_Img/3e1e9884920bb068d9b316c540d57472774b5e22/vaniila.png) ## React ~~~javascript

~~~ > const container = React.createElement("div", null, [h3, btn]); : div 태그안에 h3태그와 btn태그 생성 > react 짧은 코드 버전에서는 createElement()사용안할 예정 ![](https://raw.githubusercontent.com/miruy/Blog_Img/3e1e9884920bb068d9b316c540d57472774b5e22/index.png)