Page 20 -

모든 리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재합니다. 컴포넌트의 수명은 페이지에
렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝납니다.

리액트 프로젝트를 진행하다 보면 가끔 컴포넌트를 처음으로 렌더링할 때 어떤 작업을 처리해야
하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도 있고, 또 불필요한 업데이
트를 방지해야 할 수도 있습니다.

이때는 컴포넌트의 라이프사이클 메서드를 사용합니다. 참고로 라이프사이클 메서드는 클래스
형 컴포넌트에서만 사용할 수 있습니다. 함수형 컴포넌트에서는 사용할 수 없는데요. 그 대신에

Hooks 기능을 사용하여 비슷한 작업을 처리할 수 있습니다. Hooks에 대한 내용은 다음 장에서
알아보겠습니다.

7.1 라이프사이클 메서드의 이해 R E A C T

라이프사이클 메서드의 종류는 총 아홉 가지입니다. Will 접두사가 붙은 메서드는 어떤 작업을 작
동하기 전에 실행되는 메서드이고, Did 접두사가 붙은 메서드는 어떤 작업을 작동한 후에 실행되
는 메서드입니다.

이 메서드들은 우리가 컴포넌트 클래스에서 덮어 써 선언함으로써 사용할 수 있습니다.

라이프사이클은 총 세 가지, 즉 마운트, 업데이트, 언마운트 카테고리로 나눕니다. 우선 어떤 것들
이 있는지 간단히 알아보고, 큰 흐름을 이해한 후 하나씩 살펴보겠습니다.

그림 7-1 컴포넌트의 라이프사이클
리렌더링
컴포넌트 정보를 업데이트

업데이트

마운트 언마운트

페이지에 페이지에서
컴포넌트가 나타남 컴포넌트가 사라짐

172

리액트를 다루는 기술_개정판(본문)최종출력용.indb 172 2019-08-20 오전 11:03:03