useEffect는 리액트 함수형 컴포넌트에서 사용할수 있는 훅 입니다.

컴포넌트가 마운트, 언마운트, 업데이트 될때 작성한 로직을 실행되게 할수 있습니다.

import { useEffect } from 'react';

useEffect(() => {
	//컴포넌트 마운트시 실행할 로직

	return () => {
	//컴포넌트가 언마운트시 clean up 해줄 로직
}, []);

useEffect는 위와 같은 형태로 사용할수 있습니다.

• useEffect의 콜백 함수로 들어올 로직은 컴포넌트가 마운트 되었을때 실행할 로직을 작성하면 됩니다.
• return 의 콜백으로는 clean up 로직을 작성하면 되는데, 컴포넌트가 언마운트 되기전에 실행 됩니다.
• [ ] 배열 안에는 value값을 넣어준다면 컴포넌트가 마운트시 + value가 변경되면 내부 로직이 실행됩니다.
• [ ] 배열 안의 값을 공백으로 사용한다면 useEffect는 첫 랜더링이 되었을때 한번 실행 됩니다.