React useEffect() 함수 사용하기

useEffect() 함수 사용하기

- 상태변수의 값이 변경되면 자동으로 호출되는 함수

- 상태변수의 값이 변경된 후에 후속 조치가 필요한 경우에 활용

const [num, setNum] = useState(0);

- 상태변수가 변경되면 그 변수를 화면에 자동으로 변경해서 출력해준다

<div>{num}</div>

useEffect(함수, [num]) : 

- 함수: 상태변수가 변경되면 자동으로 실행되는 함수

- [] : 의존성 배열(참조할 상태 변수)

- 의존성 배열이 빈 배열인 경우 : 시작할 때 한번만 실행

useEffect(function() {

    console.log('num 값이 변경됨');

}, [num]);

useEffect(function() {

    // 서버에 접속하여 데이터

}, []);