코드 몽키의 허둥지둥 개발공부

React.Component – React A JavaScript library for building user interfaces ko.reactjs.org state의 변경 사항을 대기열에 넣고, React에게 해당 컴포넌트와 그 자식들이 갱신된 state로 렌더링되어야 한다고 알린다. 즉각적인 렌더링이 발생하지 않을 수 있다! '명령'보다는 '요청'이라고 생각하라고 함. React는 성능을 위해 여러 컴포넌트의 수정 요청을 모아뒀다가 한 번에 갱신할 수도 있다고 함. 즉, React는 state의 변화가 즉시 적용되는 것을 보장하지 않는다. 상술한 이유에서 setState() 직후 실행하는 this.state 접근은 원하는대로 동작하지 않을 수 있다. 주로 UI 갱신에 사용된다.

React.Component – React A JavaScript library for building user interfaces ko.reactjs.org # 참고. 마운트시 컴포넌트 인스턴스 호출 순서 constructor() > getDerivedStateFromProps() > render() > componentDidMount() # 참고. 업데이트시 컴포넌트 렌더링을 위한 호출 순서 getDerivedStateFromProps() > shouldComponentUpdate() > render() > getSnapshotBeforeUpdate() > componentDidUpdate() 1. componentDidMount 컴포넌트가 트리에 삽입된 직후에 호출 용도 DOM 노드가 있어야 하는 ..