[javascript] Next.js의 라이프사이클 메서드는 어떤 것이 있나요?
Next.js는 React 기반의 프레임워크로서, React의 라이프사이클 메서드를 기반으로 동작합니다. 그러므로 Next.js에서 사용할 수 있는 라이프사이클 메서드는 React 라이브러리에 정의된 메서드와 거의 동일합니다.
그 중에서도 가장 많이 사용되는 라이프사이클 메서드는 다음과 같습니다:
-
getInitialProps
: 서버 측 렌더링 시, 페이지 컴포넌트의 초기 데이터를 가져오는 메서드입니다. 이 메서드를 사용하면 페이지를 렌더링하기 전에 필요한 데이터를 미리 가져올 수 있습니다. -
componentDidMount
: 페이지 컴포넌트가 마운트된 후에 호출되는 메서드입니다. 주로 API 호출이나 데이터 초기화 등의 작업을 수행하는 데 사용됩니다. -
componentDidUpdate
: 페이지 컴포넌트의 상태나 속성이 업데이트될 때 호출되는 메서드입니다. 이 메서드를 사용하여 업데이트 후에 필요한 작업을 수행할 수 있습니다. -
componentWillUnmount
: 페이지 컴포넌트가 언마운트되기 전에 호출되는 메서드입니다. 주로 이벤트 리스너 해제나 자원 정리 등을 수행하는 데 사용됩니다.
이 외에도 다른 라이프사이클 메서드들이 있으며, 필요에 따라 선택적으로 활용할 수 있습니다. 자세한 내용은 Next.js 공식 문서(https://nextjs.org/docs)에서 확인하실 수 있습니다.