시작하기
$ npx create-react-app my-app
$ cd my-app
$ npm run start
$ npm run build <- 알아보기
$ npm install -g serve
$ serve -s build

---

JSX

• JavaScript + XML(HTML)
• 장점이 많다

const element = **<h1>Hello,{name}!!!!!!</h1>**

const name={
	fname : "im",
	lname : "hong"
}

const sumname = function(name){
	return name.fname + "-" + name.lname
}
const element =<h1>Hello,{**sumname(name)**}!!!!!!</h1>

ReactDOM.render(
  element,
  document.getElementById('root')
);

---

elements

• immutable 불변성 → 생성 후에는 children이나 attributes를 바꿀 수 없다.
  

시계 만들기

function tick(){
  const element =(
    <div>
      <h1>Hello,world</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  )
  ReactDOM.render(
    element,
    document.getElementById('root')
  )}
setInterval(tick,1000)

바뀐 부분만 렌더링이 된다.