Life cycle(이하 생명 주기)이 뭔지 알아보기 전에 가장 중요한 개념 중 하나인 DOM을 짚고 가자
💡 DOM 을 기억하시나요?
- DOM은 html 단위 하나하나를 객체로 생각하는 모델입니다.
- 예를 들면, 'div'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있겠죠? 이런 구조를 트리 구조라고 합니다.
- 네, 맞습니다! DOM이 트리구조란 소리입니다.
그래서 생명주기(Life cycle)가 뭐에요?
가상DOM 업데이트
바뀐부분 찾아 진짜 DOM을 업데이트 한다.
Life Cycle 에서 컴포넌트는 크게
생성되고
수정되고
제거된다(지워진다).
수정되는 경우는
내 데이터(컴포넌트 자신의 데이터)가 바뀌었을 때
부모가 나에게 주는 데이터 props가 바꿔었을 때
부모가 리랜더링 되었을 때
강제 업데이트를 일으켰을 때
프라고