<aside> 💡 리액트 Class Component의 생명주기에 대해 간략히 정리하고자 한다.

</aside>

Class Component???

현재 React에서 Component를 Class 또는 Function형식으로 지정이 가능하다. (Function으로 하여 hooks등을 이용하는게 훨씬 쉽고 직관적인듯 하다.)

Class Component 같은 경우 아래와 같은 형식을 가진다.

Class Test extends React.Component{

//클래스 컴포넌트에서 반드시 필요한 메소드
render(){
}
}

LifeCycle???

LifyCycle은 쉽게 말해, 컴포넌트가 실행되는 순서, 사라지는 순서를 의미한다. 이번에는 Mount에대해서만 간략히 알아보려고 한다.

Mount라는 것은 DOM객체가 생성되고 브라우저에 나타나는 것을 의미한다. 쉽게 말하면 어떤게 먼저 실행 되는가! 라고 기억을 해보자

아래의 메소드들은 아래의 순서대로 실행이 되게 된다.

1. constructor()
2. static getDerivedStateFromProps(). → 무시하자 거의 안쓰인다.
3. render()