Life Cycle

Render

componentWillMount() -> render() -> componentDidMount()

Update

componentWillReceiveProps() -> shouldComponentUpdate() -> componentWillUpdate() -> render() -> componentDidUpdate()

componentWillReceiveProps() : 컴포넌트가 새로운 props를 받음

shouldComponentUpdate() : old props, 새로운 props를 살펴본 다음에 이전과 새로운 props가 다르면 리액트는 '업데이트 = true' 라고 생각함. 그래서 이전 props가 새로운 props들과 다르면 업데이트가 발생함

componentWillUpdate() : 컴포넌트가 업데이트를 할거라는 단계

render()

componentDidUpdate()

예를 들면 componentWillUpdate() 수행할 때 어플리케이션에 '뱅글뱅글 돌아가는 spinner'를 붙일수도 있다.

그리고 componentDidUpdate()에서 spinner 숨김

컴포넌트는 많은 functions를 갖고있고 순서대로 자동으로 작동한다

LOG