React - 리액트를 다루는 기술(번외)

Hyeonseok Jeong·2022년 10월 10일
0

React

목록 보기
9/16

라이프사이클 메서드의 이해

라이프사이클은 총 세 가지, 마운트, 업데이트, 언마은트 카테고리로 나뉜다.

마운트 -> 업데이트 -> 언마운트

  • 마운트
    DOM이 생성되고 웹 브라우저상에 나타나는 것을 마운트 라고한다.
    컴포넌트 만들기 -> constructor -> getDerivedStateFromProps -> render -> componentDidMount
    의 순서로 마운트가 된다.

  • 업데이트
    컴포넌트는 총 네 가지의 경우에 업데이트를 진행한다(리 렌더링)

  1. props가 바뀔때
  2. state가 바뀔때
  3. 부모 컴포넌트가 리렌더링될 때
  4. this.forceUpdate로 강제로 렌더링을 트리거할 때
  • 언마운트
    마운트의 반대 과정, 즉 컴포넌트를 DOM에서 제거하는 것을 언마운트라고 한다.
    언마운트하기 -> componentWillUnmount

라이프 사이클의 흐름에 대해서 적어보았다. 사실 좀더 깊이 들어가서 이해를 해야되는데 아직까지는 무리인것같아 약식으로 나마 이해하기 위해 번외편으로 적어 보았다.

profile
풀스텍 개발자

0개의 댓글