function App() {
return <div>
안녕1
<div>hi</div>
<h1>123</h1>
</div>;
}
let a = 10;
const b = 20;
function App() {
return <div>
안녕1
<div>hi {a}</div>
<h1>123 {b}</h1>
<hr/>
</div>;
}
let a = 10;
const b = 20;
function App() {
return <div>
안녕1
**<div>hi {a === 10 ? '10입니다.' : '10이 아닙니다'}</div>**
<h1>123 {b}</h1>
<hr/>
</div>;
}
function App() {
return <div>
안녕1
<div>hi {a === 10 ? '10입니다.' : '10이 아닙니다'}</div>
**<h1>123 {b === 20 && '20입니다.'}</h1>**
<hr/>
</div>;
}
한줄 표현은 return을 () 로 안감싸도 되지만 두줄부터는 ()로 감싸줘야한다.
undefined 는 정의는 되었지만 값은 없는것
css디자인
function App() {
const mystyle = {
color : "red",
};
return (
<div>
안녕1
<div style={mystyle}>hi {a === 10 ? '10입니다.' : '10이 아닙니다'}</div>
<h1>123 {b === 20 && '20입니다.'}</h1>
<hr/>
</div>
);
}
.box-style {
color: blue;
}
function App() {
return (
<div>
안녕1
<div>hi {a === 10 ? '10입니다.' : '10이 아닙니다'}</div>
**<h1 className='box-style'>123 {b === 20 && '20입니다.'}</h1>**
<hr/>
</div>
);
}
동규 선생님 항상 포스팅 보며 감탄하고 있습니다.