useEffect 사용하기

컴포넌트가 맨 처음 렌더링 될 때 state를 업데이트하는 상황이면 state 변경 코드가 실행되고 컴포넌트가 렌더링되는 무한 반복에러가 뜬다.

아무튼 React에서는 렌더링하는 것을 제어할 수 있는 장치로 useEffect라는 메소드를 제공해준다.
useEffect(function, [모니터링 대상])
두 번째 인자에 들어가는 변수가 변경될 때마다 useEffect 안의 함수가 재실행된다. 만일 값이 없다면 딱 한 번만 실행되고 더 이상 실행되지 않는다.

=> React에서 제공하는 useState, useEffect 같은 메소드를 Hook이라고 부른다.