USE EFFECT는 기본적으로 종속성 배열이다.
useEffect(함수, [종속성1, 종속성2, ... ]
종속성의 값이 변할 경우에만 , 첫번째 인자의 함수가 실행이 됩니다.
배열 내의 어떤 값이 변할때만 , effect가 발생하는 함수가 실행이 된다.
단한번만 실행되는 EFFECT 함수
- 종속성 목록이 아무것도 없는경우 (기본형태)
컴포넌트가 처음 생성되거나, props가 업데이트되거나, 상태(state)가 업데이트될 때 effect 함수가 실행이 됩니다.
- [] 빈배열이 두번째 인자로 있는 경우
이때에는 컴포넌트가 처음 생성될때만 effect함수가 실행이 된다.
(예시 : 처음 단 한번, 외부 API를 통해 리소스를 받아오고 더이상 API호출이 필요하지 않을 경우)
끝까지 ... 가면 된다.