[React]useEffect

useEffect란🤔

• 리액트 컴포넌트가 렌더링 된 이후마다 특정 작업을 수행하도록 설정할 수 있는 Hook
• useEffect가 속한 컴포넌트가 화면에 렌더링된 이후 실행
• callback함수를 받음

useEffect 실행

렌더링 될때마다 매번 실행

useEffect(()=>{
   //작업...
});

랜더링된후 단 한번만 실행

useEffect(()=>{
   //작업...
},[]);

마운팅 + 의존성배열 값이 바뀔때마다 useEffect를 실행

useEffect(()=>{
	// 작업...
}, [의존성배열]);

컴포넌트 라이프 사이클

리액트 컴포넌트도 태어나고(mount), 업데이트되고(Update), 죽는(unMount) 생애주기가 존재