라이프사이클
-
리액트 컴포넌트는 각각 Mount(생성) - Update(업데이트) - Unmount(제거)의 과정을 거친다.
-
리액트 생명주기란 컴포넌트 중심 라이브러리의 집합체라고 할 수 있다.
-
모든 컴포넌트에는 각각의 생명주기가 존재하고 각 생명주기에 맞는 메서드들이 있다.
-
클래스형 컴포넌트에서는 라이프사이클 메소드를 사용하여 이벤트를 처리하고 함수형 컴포넌트에서는 React Hooks를 사용하여 라이프사이클 이벤트를 처리한다.
마운트 단계
useState
useEffect
useContext
useRef
useMemo
useCallback
useReducer
업데이트 단계
useState
useEffect
useContext
useRef
useMemo
useCallback
useReducer
언마운트 단계
useEffect
-
useState, useContext, useRef, useMemo, useCallback, useReducer Hook은 컴포넌트가 마운트되고 업데이트될 때 모두 호출된다.
-
useEffect Hook은 마운트, 업데이트, 언마운트 단계에서 모두 호출된다. 하지만 useEffect는 호출 시점에 대한 설정을 dependencies를 통해 결정할 수 있다.
-
언마운트 단계에서는 useEffect Hook만 호출된다. 이는 컴포넌트가 더 이상 필요하지 않아 페이지에서 제거될 때 실행되는 작업을 처리하기 위한 것이다.
