리액트 동작원리

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에 끼워 넣는다.

멋진 개구리(AwesomeFrog)