useEffect() 함수 사용하기
- 상태변수의 값이 변경되면 자동으로 호출되는 함수
- 상태변수의 값이 변경된 후에 후속 조치가 필요한 경우에 활용
const [num, setNum] = useState(0);
- 상태변수가 변경되면 그 변수를 화면에 자동으로 변경해서 출력해준다
<div>{num}</div>
useEffect(함수, [num]) :
- 함수: 상태변수가 변경되면 자동으로 실행되는 함수
- [] : 의존성 배열(참조할 상태 변수)
- 의존성 배열이 빈 배열인 경우 : 시작할 때 한번만 실행
useEffect(function() {
console.log('num 값이 변경됨');
}, [num]);
useEffect(function() {
// 서버에 접속하여 데이터
}, []);