728x90
반응형
생명주기
-
useEffect, 클래스형 컴포넌트 생명주기 메소드 대체React 2022. 7. 30. 18:54
훅이 나오기 전 리액트의 생명주기는 클래스형 컴포넌트의 생명주기 메소드를 사용하였다. - componentDidMount, componentDidUpdate, componentWillUnmount 하지만 훅이 나오면서 useEffect가 클래스형 컴포넌트의 생명주기 메소드를 대체하여 사용하고 있다. 기존 클래스형 컴포넌트의 생명주기 메서드를 함수형 컴포넌트에서는 어떻게 대체하는지 궁금해서 정리해본다. 클래스형 컴포넌트 mount - componentDidmount 컴포넌트를 처음 렌더링 한 후, 최초로 렌더링 되는 시점에 단 한 번만 실행된다. - useEffect useEffect의 의존성 배열에 빈 배열을 전달하면 최초 렌더링 될 때 한 번만 실행됨 useEffect(()=>{ console.log(..