[별코딩] useEffect()

마운트 : 컴포넌트가 처음 실행됐을 때

언마운트 : 컴포넌트가 종료될 때

업데이트 : 특정 props의 값이 변할 때

 

< useEffect >

=> 첫번째 파라미터에는 콜백함수를, 두번째 파라미터에는 의존값이 들어있는 배열(Dependency Array)를 넣는다.

두번째 파라미터는 생략 가능

 

 

1. 랜더링 될 때마다 실행

import { useEffect } from "react";

useEffect (() => {

// ... 코드 작성

});

 

 

2. 화면에 첫 랜더링 될 때, value 값이 바뀔 때 실행

import { useEffect } from "react";

useEffect(() => {

// ...코드 작성

}, [배열]);

배열(Dependency Array)을 비우면, 컴포넌트가 처음 실행될 때만 useEffect에 등록한 함수가 호출된다.

 

 

< clearInterval >

역시 최고의 스승님, chat GPT