React(3) 리액트에서 javaScript 사용하기

이미 만들어진 샘플 웹에서 수정하는 식으로 React로 JavaScript내용을 변경해보자

 

1. Visual Studio에서 React-app폴더를 연다. 

 

2. public-index.html 을 살펴보자. (id="root"인 태그 안에 내용이 들어갈거다.)

3. index.js의 내용을 살펴보자

render()라는 함수의 인자로 <App />과 document.getElementById('root')가 온다. 

4. App.js의 내용을 살펴보자 

여기서 render()의 정의가 나온다. 실제로 html문서에 들어갈 core가 담겨있음

실행화면

App.js에서 적은 텍스트가 뜬다.