[React] useEffect()

* useEffect()

useEffect(() => {
        console.log("chchchch")
});

- 상태 값이 변경 되서 다시 렌더링 된 다음에 호출

- 불필요한 실행을 막기 위해 두번째 매개변수로 배열을 전달

useEffect(() => {
        console.log("change")
}, [count]);

- 이 경우엔 count (의존성 배열) 가 변경될 때만 실행

useEffect(() => {
    console.log("change")
}, []);

- 렌더링이 된 후 최초에 한 번만 실행하려면 빈 배열로 실행