[React.js] 클래스형 컴포넌트 생명주기

우리에게 태어나고, 살고, 죽고 하는 생명주기가 있듯이 React.js 클래스형 컴포넌트에도 일종의 생명주기의 사이클이 있다.

• 마운트(Mount)
  • 호출 순서 
    • constructor() 함수 호출 (constructor함수는 생명주기 함수가 아니지만 클래스형 컴포넌트가 생성될 때 호출)
    • render() 함수 호출
    • componentDidMount() 함수 호출 : 컴포넌트가 처음 화면에 그려지면 실행되는 함수
• 업데이트(Update)
  • componentDidUpdate() 함수 호출 : 화면이 업데이트 되는 시점에 실행되는 함수

• 언마운트(Unmount)
  • componentWillUnmount() 함수 호출 : 컴포넌트가 화면에서 떠날 때 실행되는 함수