Skip to content

리액트의 생명주기

React의 생명주기는 마운팅(Mounting), 업데이트(Updating), 언마운팅(Unmounting) 단계로 구분할 수 있다.

클래스 컴포넌트에서는 주어지는 메서드를 사용하여 생명주기를 관리하는데, 다음과 같은 주요 메서드들이 있다.
componentDidMount, componentDidUpdate, componentWillUnmount 등

반면, 함수형 컴포넌트에서는 useEffect를 사용하여 생명주기를 관리하게 되고, 두 번째 인자로 주어지는 배열에 포함된 값이 변경되었을 때 업데이트가 일어나게 된다.
빈 배열을 넣었을 땐 최초 렌더링 시에만 작동하게 되고, 첫번째 인자인 콜백함수의 return으로 주어지는 함수는 컴포넌트가 언마운트가 되었을 때 실행되는 clean up 함수이다.