// import logo from './logo.svg';
import './App.css';
// JSX 문법
// 1. return 시에는 하나의 Dom만 리턴 가능
// 2. 변수 선언은 let, const로만 해야함.
// 3. if 사용 불가능 -> 삼항연산자
// 4. 조건부 렌더링
// 5. css 디자인
// 1)내부 2) 외부파일 3) 라이브러리(부트스트랩, component-styled)
function App() {
const mystlye = {
color: 'red',
}
const a = 12;
let b = 123;
return (
<div>
<div style={mystlye}>adfasf{a === 12 ? '12' : '12X'}</div> {/** false면 12X가 출력 */}
<div>text {b === 123 && '123'}</div> {/* 123이면 출력, 아니면 나오지 않음 */}
<div className='box-style'>회색 글씨</div> {/** class가 아닌 className 으로 해주어야함. */}
</div>
);
}
export default App;
기본 문법.
