TIL 12.19

react lifecycle~

클래스 컴포넌트는 더이상 현업에서 많이 쓰이지 않는다.
this, bind문법에 대한 이해가 필요하고 재사용성이 낮기 때문이다.
3-4년 전부터 훅hook과 함수형 컴포넌트가 쓰이고 있어서 이제는 필요없다고 느껴지겠지만
현업에서는 이전에 만들어둔 클래스 컴포넌트를 한 번쯤은 마주하게 된다고 한다.
ex. 클래스 컴포넌트를 함수형 컴포넌트로 리팩토링해야하는 온보딩 업무

가상환경에서만 쓰이는 react dom, 실제 브라우저의 dom이 존재함.

간략한 라이프 사이클 (+핵심 생명주기함수)

생성(mount) - 업데이트(update) - 제거(unmount)

1. 생성
   브라우저의 돔에 나타나게 하면 생성했다고 한다.
   constructor - render(mount되었다) - componentDidMount

2. 업데이트
   props, state에 변화가 생겼을 때, 부모의 state가 변경되었을 때 3가지 경우 다시 render한다.
   render - componentDidUpdate

3. 제거
   componentWillUnmount