[CS/소프트웨어]라이프사이클 메서드

라이프사이클 메서드

1. render: 필수적인 라이프사이클 메서드
2. constructor: 컴포넌트 생성자 메서드
3. getDerivedStateFromProps: 컴포넌트가 마운트/업데이트 될 때 사용
4. componentDidMount: 컴포넌트 만들고 렌더링 마친 후 실행, 비동기 작업 처리
5. shouldComponentUpdate: props나 state 변경 시, 리랜더링 여부 지정, Boolean 타입이며 기본적으로 ture를 반환
6. getSnapshotBeforeUpdate: 렌더링 결과가 반영되기 직전에 호출, 업데이트 직전 값 참고할 때 사용
7. componentDidUpdate: 리랜더링 후 실행, getSnapshotBeforeUpdate의 반환값을 Snapshot 파라미터로 사용가능
8. componentWillUnmount: 컴포넌트 DOM에서 제거할 때 실행, componentDidMount에서 등록한 이벤트, 타이머, DOM은 여기서 제거해야함
9. componentDidCatch: 컴포넌트 렌더링 중 에러 발생 시 종류와 위치 알려줌. 컴포넌트 자신의 에러는 잡을 수 없고, this.props.children으로 전달되는 에러만 가능.

reference: https://velog.io/@imjkim49/%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%EB%A9%94%EC%84%9C%EB%93%9C1