react - 4. 컴포넌트의 라이프 사이클 정리

책 "모던 자바스크립트 개발자를 위한 리액트 프로그래밍" 의 내용을 복습 차원 에서 정리한 내용입니다.

mount: DOM, 혹은 페이지 위에 올라갈 때

unmount: DOM 트리에서 삭제되거나 웹 페이지에서 없어질 때

컴포넌트가 생성되고, DOM에 마운트(추가) 될 때 다음과 같은 순서로 매서드가 호출된다.

. constructor(props) - 객체가 생성될 때

. componentWillmount() - 컴포넌트가 DOM에 마운트 되기 직전

. render() - 컴포넌트가 렌더링될 때

. componentDidMount() - 컴포넌트가 DOM에 마운트된 직후

컴포넌트의 프로퍼티가 변경되면 다음과 같은 메서드가 호출된다.

. componentWillReceiveProps(nextProps) - 컴포넌트의 프로퍼티가 변경될 때

. shouldComponentUpdate(nextProps, nextState) - 컴포넌트의 외관을 변경해도 좋을지 판단 할 때

. componentWillUpdate() - 컴포넌트가 업데이트 되기 직전

. render() - 컴포넌트가 렌더링 될 때

. componentDidUpdate()