렌더링 될 때마다
useState에서
setUsestate가 실행된다는 것은
렌더링 된다는 것이고,
의존성이 없는 useEffect는
페이지가 다시 렌더링 될때마다
useEffect가 실행되게 되기 때문에,
+ - 버튼을 누를 때마다 rendering이 찍힌다.
처음 렌더링 됐을 때만,
+ - 버튼을 누르면, useState은 렌더링 되지만,
빈 배열에 의존성을 가진 useEffect는
useEffect가 빈배열에 의존성을 가지기 때문에,
처음 rendering 될때만 useEffect가 실행된다.
배열 안의 값이 바뀔 때마다.
배열 안에 변경가능한 값(데이터)을 담아주게 되면
의존성을 부여한 배열 안의 값이 변경될 때마다 useEffect가 실행된다(o) (렌더링된다x).