Life cycle

[React] 컴포넌트 생명주기 - Component Life Cycle (with useEffect)

컴포넌트 생명주기란? 컴포넌트가 브라우저에 나타나고, 업데이트 되고, 사라질 때 호출되는 메소드. 렌더링을 기준으로 특정 시점에 코드가 실행되도록 할 수 있다. 클래스형 컴포넌트로 선언시에만 사용 가능하며 함수형에서 생명주기를 사용하고 싶은 경우에는 훅(Hook)을 이용해 유사하게 구현해야 한다. 그리기 : render() 그리고 난 뒤 : componentDidMount() 그리고 난 뒤 업데이트 : componentDidUpdate() 그리고 난 뒤 사라짐 : componentWillUnmount() 생명주기는 이런 형태로 사용된다. (예시의 경우 Next.js 환경) import { Component, createRef } from "react"; import Router from "next/rou..