React

리액트 동작원리

멋진 개구리 2020. 6. 3. 20:28
반응형

App.js 살펴보기

import React from 'react';

function App() {
    return <div > Hello!!!! < /div>
}

export default App;

index.js 살펴 보기 

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render( < App / > , document.getElementById('root'));

ReactDOM.render( < App / > , document.getElementById('root'));
ReactDOM.render -->  그린다
 < App / > 를
ID가 document.getElementById('root'));

index.html

<html>
<head>
</head>
<body>
<div id="root"></div>
</body>
</html>

 

프로젝트 폴더에 있는 코드

프로젝트에 구성된 코드들을 리액트가 받아와 해석을 하고 

index.html에 끼워 넣는다.

 

 

반응형