//src > index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>hello world</h1>, document.getElementById('root'));
ReactDOM.render(<div class="c1">hello world</div>, document.getElementById('root'));
class card{
flip(){
console.log("flip!!")
}
}
ReactDOM.render(<h1 className="root2">hello world</h1>, document.getElementById('root'));
ReactDOM.render(
<form>
<label for="name">이름</label>
<input id="name" type="text" />
<label for="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
ReactDOM.render(
<form>
<label htmlFor="name">이름</label>
<input id="name" type="text" />
<label htmlFor="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
<input id="usrId" type="text" onblur="" onfocus="" onmousedown="" />
<input id="usrId" type="text" onBlur="" onFocus="" onMouseDown="" />
ReactDOM.render(
<p>hello world</p>
<p>hello world!!!!!</p>,
document.getElementById('root')
);
ReactDOM.render(
<div>
<p>hello world</p>
<p>hello world!!!!!</p>,
</div>
document.getElementById('root')
);
import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<Fragment>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</Fragment>,
document.getElementById('root')
);
//import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</>,
document.getElementById('root')
);
<!--HTML-->
<h1 id="title">가위바위보</h1>
<button class="hand">가위</button>
<button class="hand">바위</button>
<button class="hand">보</button>
//src > index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>hello world</h1>, document.getElementById('root'));
ReactDOM.render(<div class="c1">hello world</div>, document.getElementById('root'));
class card{
flip(){
console.log("flip!!")
}
}
ReactDOM.render(<h1 className="root2">hello world</h1>, document.getElementById('root'));
ReactDOM.render(
<form>
<label for="name">이름</label>
<input id="name" type="text" />
<label for="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
ReactDOM.render(
<form>
<label htmlFor="name">이름</label>
<input id="name" type="text" />
<label htmlFor="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
<input id="usrId" type="text" onblur="" onfocus="" onmousedown="" />
<input id="usrId" type="text" onBlur="" onFocus="" onMouseDown="" />
ReactDOM.render(
<p>hello world</p>
<p>hello world!!!!!</p>,
document.getElementById('root')
);
ReactDOM.render(
<div>
<p>hello world</p>
<p>hello world!!!!!</p>,
</div>
document.getElementById('root')
);
import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<Fragment>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</Fragment>,
document.getElementById('root')
);
//import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</>,
document.getElementById('root')
);
<!--HTML-->
<h1 id="title">가위바위보</h1>
<button class="hand">가위</button>
<button class="hand">바위</button>
<button class="hand">보</button>
//src > index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>hello world</h1>, document.getElementById('root'));
ReactDOM.render(<div class="c1">hello world</div>, document.getElementById('root'));
class card{
flip(){
console.log("flip!!")
}
}
ReactDOM.render(<h1 className="root2">hello world</h1>, document.getElementById('root'));
ReactDOM.render(
<form>
<label for="name">이름</label>
<input id="name" type="text" />
<label for="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
ReactDOM.render(
<form>
<label htmlFor="name">이름</label>
<input id="name" type="text" />
<label htmlFor="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
<input id="usrId" type="text" onblur="" onfocus="" onmousedown="" />
<input id="usrId" type="text" onBlur="" onFocus="" onMouseDown="" />
ReactDOM.render(
<p>hello world</p>
<p>hello world!!!!!</p>,
document.getElementById('root')
);
ReactDOM.render(
<div>
<p>hello world</p>
<p>hello world!!!!!</p>,
</div>
document.getElementById('root')
);
import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<Fragment>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</Fragment>,
document.getElementById('root')
);
//import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</>,
document.getElementById('root')
);
<!--HTML-->
<h1 id="title">가위바위보</h1>
<button class="hand">가위</button>
<button class="hand">바위</button>
<button class="hand">보</button>
//src > index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>hello world</h1>, document.getElementById('root'));
ReactDOM.render(<div class="c1">hello world</div>, document.getElementById('root'));
class card{
flip(){
console.log("flip!!")
}
}
ReactDOM.render(<h1 className="root2">hello world</h1>, document.getElementById('root'));
ReactDOM.render(
<form>
<label for="name">이름</label>
<input id="name" type="text" />
<label for="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
ReactDOM.render(
<form>
<label htmlFor="name">이름</label>
<input id="name" type="text" />
<label htmlFor="usrId">아이디</label>
<input id="usrId" type="text" />
</form>,
document.getElementById('root'));
<input id="usrId" type="text" onblur="" onfocus="" onmousedown="" />
<input id="usrId" type="text" onBlur="" onFocus="" onMouseDown="" />
ReactDOM.render(
<p>hello world</p>
<p>hello world!!!!!</p>,
document.getElementById('root')
);
ReactDOM.render(
<div>
<p>hello world</p>
<p>hello world!!!!!</p>,
</div>
document.getElementById('root')
);
import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<Fragment>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</Fragment>,
document.getElementById('root')
);
//import { Fragment } from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<>
<p className="root2">hello world</p>
<p className="root2">hello world!!!</p>
</>,
document.getElementById('root')
);
<!--HTML-->
<h1 id="title">가위바위보</h1>
<button class="hand">가위</button>
<button class="hand">바위</button>
<button class="hand">보</button>
//src > index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>hello world</h1>, document.getElementById('root'));
ReactDOM.render(<div class="c1">hello world</div>, document.getElementById('root'));
class card{
flip(){
console.log("flip!!")
}
}