useEffect란 ?
리액트 컴포넌트가 렌더링 될 때 마다 특정 작업을 수행하도록 설정할 수 있는 Hook.
== 어떤 컴포넌트가 화면에 보여졌을 때, 사라졌을 때, 내가 무언가를 실행하고 싶다면 사용하는 Hook.
기본 틀
useEffect(() => {
컴포넌트 mount시 실행하고자 하는 함수
return () => {
컴포넌트 unmount시 실행하고자 하는 함수
// 클린업
}
}, [의존성 배열(=dependency array)])
의존성 배열이란 ?
이 배열에 "값"을 넣으면
값 : 바뀔게 ~
useEffect : 실행될게 ~
아무것도 안 넣으면 처음에 딱 한번만 실행되고 그 이후로는 실행되지 않음
클린업이란 ?
컴포넌트 unmount시 실행하고자 하는 함수