[React]useEffect

useEffect은 어떤 값이 변경될 대마다 특정 코드를 실행하는 훅이다. 

useEffect(callback, [deps])

 

첫 번째 인수로 실행하고자 하는 함수를 전달하고, 두 번째 인수로 deps을 전달한다. 

 

deps는 의존성 배열(Dependency Array)을 뜻한다. useEffect은 이 배열 요소의 값이 변경되면 첫 번째 인수로 전달한 함수를 실행한다.

 

두 번째 인수로 빈 배열을 전달하면, 컴포넌트가 처음 렌더링될 때만 함수가 실행된다. 

useEffect(callback, [])

 

두 번째 인수를 생략하고 함수만 전달한다면, 컴포넌트가 렌더링 될 때마다 함수가 실행된다.

useEffect(callback)