Dependency Array

• 이 배열에 값을 넣으면, 그 값이 바뀔 때만 useEffect를 실행한다.

---

배열이 없다면

useEffect(() => {
  console.log('hello useEffect')
});

---

배열을 비워둔다면

useEffect(() => {
    console.log('hello useEffect')
  },[]);

• 어떤 값이 바뀌면 (랜더링되면) 콜백함수를 실행할 지 정하면 된다.
• 배열을 비워두게 되면 어떤 값이 변하던지, 어떤 것이 랜더링 되던지 화면이 처음 로딩될 때 만 콜백함수가 실행된다.
  

---

배열에 값을 넣는다면

useEffect(() => {
    console.log(`hello useEffect : ${value}`)
  },[value]);

• value의 값이 바뀔 때 마다 콜백함수가 실행된다.