[React] useEffect

 

useEffect는 두 개의 인수를 받는다. 

 

첫 번째는 함수이고, 두 번째는 의존성 배열이다. 

함수에는 어떤 sideEffect 코드라도 넣을 수 있다. 그리고 이 함수는 두 번째 인수로 주어질 [의존성 배열] 안에 

담긴 값에 변경사항이 생길 경우에만 실행된다. 

 

즉, 의존성 배열이 Side Effect가 실행될 타이밍을 알려준다라고 생각하면 된다. 

 

만약, useEffect()가 포함된 컴포넌트가 재랜더링되더라도 이 함수는 실행되지 않는다. 

오로지 [의존성 배열] 안에 담긴 값이 변경될 때만 실행되기 때문임. 

 

만약 위의 경우 처럼 의존성 배열이 없을 경우에는 컴포넌트가 재 랜더링 될 때 마다 함수가 실행된다. 

 

만약 위처럼, 두 번째 인수에 [] 빈 배열이 주어진 경우엔, 처음 컴포넌트가 실행된 순간에만 useEffect() 내부의 함수가 실행됩니다.

그 이후에는 어떤 일이 있어도 함수가 실행되지 않는다.

딱 처음 컴포넌트가 실행될 때만 작동한다. 

 

 

 

 

 

https://arnopark.tistory.com/770

[React] 13. useEffect() 총정리