<aside> 💡 UseEffect에 대해서 알아보자

</aside>

useEffect 를 사용해서 초기 데이터를 불러오고 정렬을 바꿀 때마다 데이터를 불러 올 수 있는 리액트 안에서 사용할 수 있는 함수이다.

처음 한 번만 실행하기

useEffect(() => { 
	//실행하는 코드
}, []);

컴포넌트가 처음 렌더링 되고 나면 리액트가 콜백 함수를 기억해뒀다가 실행한다. 그 이후로는 콜백 함수를 실행하지 않는다.

값이 바뀔 때마다 실행하기

useEffect(() => {
	// 실행할 코드
}, [dep1, dep2, dpe3, ...]);

컴포넌트가 처음 렌더링 되고 나면 리액트가 콜백 함수를 기억해뒀다가 실행한다.

그 이후로 렌더링 할때는 디펜던시 리스트에 있는 값들을 확인해 하나라도 바뀌면 콜백 함수를 기억해뒀다가 실행한다.