리액트 컴포넌트는 정해진 생애주기가 존재한다. 이 생애주기별로 실행하도록 만들어진 함수가 존재하며, 이 함수를 사용하면 컴포넌트의 상황에 맞는 처리를 수행할 수 있다.
최초의 render 직후 호출되는 함수이다. 공식 문서의 설명에는 컴포넌트가 마운트된 직후(트리에 삽입된 직후)에 호출된다고 작성되어 있다.
이 시점에서는 다음과 같은 작업을 수행하기 좋다.
state의 초기 상태 계산
ajax를 이용해 외부에서 화면 구성에 필요한 데이터를 요청
setInterval 함수 등 주기적으로 실행되어야 하는 작업에 대한 처리
데이터 변화 등의 이유로 화면이 갱신된 직후에 호출되며, 최초의 렌더링 시에는 호출되지 않는다.
state의 갱신
ajax를 이용해 외부에 갱신된 정보를 전송
컴포넌트가 제거되기 직전에 호출되는 함수이다. 다음 작업을 수행하기 좋다.
기존에설정해둔 setInterval 함수 등 주기적인 작업의 제거
componentWillMount, componentWillUpdate는 deprecated되어 더이상 사용하지 않는다.
componentWillMount - mount 이전 시점에 실행되는 함수
componentWillUpdate - update 이전 시점에 실행되는 함수
Last updated 3 years ago
