✏️ useEffect

의존성 배열 (dependency array)

이 배열에 값을 넣으면, 그 값이 바뀔때만 useEffect를 실행함.

의존성 배열이 [] 빈 배열에 있을때 처음에 한번만 출력됨. (아무것도 없을때) 어떤값을 입력했을때  , 어떤값이 변하던지간에 의존성배열 안에는 아무것도 없기 때문에 화면이 처음 동작할때만 나옴.

 

- useEffect : 랜더링될때 특정한 작업을 수행해야 할때 설정하는 훅 

- 컴포넌트가 화면에 보여졌을때

- 컴포넌트가 화면에서 사라졌을때 (return)

 

사용법

useEffect(매개변수,콜백함수);

 

useEffect는 화면에서 없어질때도 동작하는데, (clean up이라고 함)

컴포넌트가 사라질때 동작함 즉 return문 다음에 작성해줌

 

 

접근방식

useEffect(()=>{

 

}, []);