import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
ReactDOM.render(
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
</>,
document.getElementById('root')
);
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
function handleClick(){
alert('가위 바위 보!!!')
}
const element =
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
<button onClick={handleClick}>시작</button>
</>;
ReactDOM.render(element,document.getElementById('root'));
import ReactDOM from 'react-dom';
function Hello() {
return <h1> HELLO REACT!! </h1>;
}
const element =
<>
<Hello />
<Hello />
<Hello />
</>
;
ReactDOM.render(element,document.getElementById('root'));
// ./src/Dice.js
import diceBlue01 from './assets/dice-blue-1.svg';
function Dice(){
return <img src={diceBlue01} alt="주사위01" />
}
export default Dice;
import Dice from './Dice'
function App(){
return (
<div>
<Dice />
</div>
);
}
export default App;
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />,document.getElementById('root'));
body {
background-color: #40089a;
color: #fff;
}
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
ReactDOM.render(
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
</>,
document.getElementById('root')
);
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
function handleClick(){
alert('가위 바위 보!!!')
}
const element =
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
<button onClick={handleClick}>시작</button>
</>;
ReactDOM.render(element,document.getElementById('root'));
import ReactDOM from 'react-dom';
function Hello() {
return <h1> HELLO REACT!! </h1>;
}
const element =
<>
<Hello />
<Hello />
<Hello />
</>
;
ReactDOM.render(element,document.getElementById('root'));
// ./src/Dice.js
import diceBlue01 from './assets/dice-blue-1.svg';
function Dice(){
return <img src={diceBlue01} alt="주사위01" />
}
export default Dice;
import Dice from './Dice'
function App(){
return (
<div>
<Dice />
</div>
);
}
export default App;
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />,document.getElementById('root'));
body {
background-color: #40089a;
color: #fff;
}
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
ReactDOM.render(
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
</>,
document.getElementById('root')
);
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
function handleClick(){
alert('가위 바위 보!!!')
}
const element =
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
<button onClick={handleClick}>시작</button>
</>;
ReactDOM.render(element,document.getElementById('root'));
import ReactDOM from 'react-dom';
function Hello() {
return <h1> HELLO REACT!! </h1>;
}
const element =
<>
<Hello />
<Hello />
<Hello />
</>
;
ReactDOM.render(element,document.getElementById('root'));
// ./src/Dice.js
import diceBlue01 from './assets/dice-blue-1.svg';
function Dice(){
return <img src={diceBlue01} alt="주사위01" />
}
export default Dice;
import Dice from './Dice'
function App(){
return (
<div>
<Dice />
</div>
);
}
export default App;
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />,document.getElementById('root'));
body {
background-color: #40089a;
color: #fff;
}
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
ReactDOM.render(
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
</>,
document.getElementById('root')
);
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
function handleClick(){
alert('가위 바위 보!!!')
}
const element =
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
<button onClick={handleClick}>시작</button>
</>;
ReactDOM.render(element,document.getElementById('root'));
import ReactDOM from 'react-dom';
function Hello() {
return <h1> HELLO REACT!! </h1>;
}
const element =
<>
<Hello />
<Hello />
<Hello />
</>
;
ReactDOM.render(element,document.getElementById('root'));
// ./src/Dice.js
import diceBlue01 from './assets/dice-blue-1.svg';
function Dice(){
return <img src={diceBlue01} alt="주사위01" />
}
export default Dice;
import Dice from './Dice'
function App(){
return (
<div>
<Dice />
</div>
);
}
export default App;
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />,document.getElementById('root'));
body {
background-color: #40089a;
color: #fff;
}
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
ReactDOM.render(
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
</>,
document.getElementById('root')
);
import ReactDOM from 'react-dom';
const hand = "rock!"
const imgUrl = "https://img.sbs.co.kr/newimg/news/20200428/201425739_1280.jpg"
function handleClick(){
alert('가위 바위 보!!!')
}
const element =
<>
<h1>가위{hand.toUpperCase()}보</h1>
<img src={imgUrl} alt="rock" style={{width : 30+'em'}}/>
<button onClick={handleClick}>시작</button>
</>;
ReactDOM.render(element,document.getElementById('root'));
import ReactDOM from 'react-dom';
function Hello() {
return <h1> HELLO REACT!! </h1>;
}
const element =
<>
<Hello />
<Hello />
<Hello />
</>
;
ReactDOM.render(element,document.getElementById('root'));