JSX

상위 요소는 하나입니다!

const App = () => {
	return (
    	<>
        	<div>Hello</div>
            <div>World</div>
        </> // 최상위 엘리먼트가 2개 이상일 경우 <>로 감싸줘야 함
    )
}

클래스 이름은 className입니다.

(
	<div className="greeting">Hello</div>
)

스타일 적용

(
	<div className="greeting" style={{ color: 'red', paddingLeft: 10 }}>Hello</div>
) // 첫 번째 중괄호는 JSX 삽입, 두 번째 중괄호는 스타일 적용의 의미이므로 스타일 속성이 하나여도 중괄호는 2개 써야 함
//font-size => fontSize => camelCase로 표기

닫기 태그 필요: HTML에서 닫히지 않은 것은 JSX에서 닫아야 합니다!

<div>
	<input type="text" />
    <br />
</div>