JSX

JSX: 

Babel:  jsx로 적은 코드를 브라우저가 이해할 수 있게 변환해줌

cosnt Button = {
<button
style={{
backgroundColor:"pink",
}}
onClick={()=> console.log("i'm clicked")}>
Click me 
</Button>

style 객체로 들어가기때문에 {{}} , ","쉼표로 마무리 , 카멜케이스 사용 

const container = React.createElement("div", null, [Title, Button]
ReactDOM.render(container, root);






const Container = 
<div>
	<Title / >
	<Bytton / >
</div>

//컴포넌트의 첫 글자는 대문자여야함.