728x90
๋ฐ์ํ
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/babel" src="./app.js"></script>
</head>
<body>
<div id="root"></div>
</body>
</html>
app.js
class Codelab extends React.Component{
render(){
return(
<div>๋ฐ๊ฐ์ต๋๋ค. ํํํํํณ</div>
)
}
}
class App extends React.Component{
render(){
return(
<Codelab/>
)
}
}
ReactDOM.render(<App/>, document.getElementById('root'))
์คํํ๊ธฐ
npm i -g http-server
http-server .
์ ์
http://127.0.0.1:8081* ํฌํธ๋ฒํธ๋ ๊ธฐ๊ธฐ๋ง๋ค ๋ค๋ฅผ ์ ์๋ค.
React.js
728x90
๋ฐ์ํ