react 6

state

존재하지 않으면서 변화하는 dynamic data을 사용하기 위한 객체이다.

 

class component

지금까지 배운 것은 function component이다. 그러나 이제는 메소드와 객체들을 사용하기 위해서, 그 중에서도 state를 사용하기 위해서 React.Component로부터 확장된 class component를 사용할 것이다. 예를 들어, 핸드폰이 React.Component 라면 우리가 만들 class App은 삼성이라고 볼 수 있다.

 

render()

뷰를 렌더링 해주는 함수이다. Virtual DOM을 사용하기 때문에 refresh한 경우, 변화가 있는 부분만 업데이트된다.

 

setState()

state를 변경하기 위해서는 setState function을 이용해야 한다. 그 이유는 setState를 호출하면 자동으로 새 state를 이용해 render function을 호출해 필요한 부분은 즉각적으로 업데이트하기 때문이다.

 

위의 그림은 직접적으로 state 변경을 시도할 경우 발생하는 메세지이다.

 

current => ()

react에서 제공하는 함수이며, this.state~~ 보다는 이 함수를 사용하는 것을 선호한다.