[React] Class형 컴포넌트와 함수형 컴포넌트의 생명주기(LifeCycle)

React UI 구성 단위는 Component이다. 이 Component는 생명 주기(Life Cycle)를 가진다.

크게 Mount -> Update -> Unmount 의 생명주기를 가지는데, 각각에 과정에서 다른 메서드들이 호출된다. Class로 생성한 Component와 함수로 생성한 Component의 생명주기 메서드들에 대해 가볍게 정리해보려 한다. 1.

Class형 컴포넌트 먼저 class형 컴포넌트이다. 아래 그림을 참고하며 알아보자. 1-1.

Mount 먼저 Mount이다. Mount 과정의 경우 Component가 새롭게 생성되는 과정이다. import React from 'react'; class MountExample extends React.Component {} 위처럼 class로 정의된 component의 결과로 나온 Element들은 최종적으로 Virtual DOM에 삽입되고, Virtual DOM을 이용해 실제 DOM까지 업데이트 하게 된다.

이런 일련...

요청 처리 중입니다...

[React] Class형 컴포넌트와 함수형 컴포넌트의 생명주기(LifeCycle)

등록된 다른 글