useEffect는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행할 수 있도록 설정하는 Hook. 클래스형 컴포넌트의 componentDidMount 와 componentDidUpdate를 합친 것으로 볼 수 있음.
useEffect 의 형태는
useEffect(
() => {
// execute side effect
},
// optional dependency array
[
// 0 or more entries
]
)
처럼 쓸 수 있음.