리액트가 리액트인 이유

State에 반응을 하기 때문에 리액트임

사용하는 이유: 일일이 document.getElementById() 이거 안하려고

 

기존의 자바스크립트=

let a = "유나"

a = "유빈"

document.getElementById("text-box").innerHTML=a

 

변수의 값이 바꼈다고 UI에 보이지 않는다.

HTML 태그 끌고와서 .innerHTML로 불러와서 UI에 보여지는 것을 반복! - 매번 했다.

 

document.getElementById() = 리액트에서는 하지 않는다.

 

값이 바뀌면 UI도 자동으로 바뀌면 안돼?

여기서 리액트!

값이 바뀌면 UI도 자동으로 바꿔준다~

 

근데 변수가 바뀔 때마다 UI를 업데이트 해주는건 말이 안된다.

우리 state라는 것을 만들어서 state가 변하면 UI가 업데이트 되게 하자...

변수는 마음대로 쓰면되는데 state라는 것을 만들어서 state가 바뀌면 UI도 바뀌게 하자.