useEffect 개념 간단 정리

useEffect 개념 간단 정리

useEffect(()=> {});

// Dependency가 없기 때문에 렌더링 할 때 한번 그리고 어떠한 작은 요소라도 변화한다면 시시때때로
// useEfeect가 발동되어 불필요한 실행이 많아짐

useEfeect(() => {},[]);

// useEffect를 렌더링 후 단 한 번만 실행하고 싶을 때, 사용하는 방법
// 콜백 함수 뒤에 배열을 나타내는 대괄호가 붙어있음
// 이곳에 Dependency 지정
// But []만 있다면 useEffect 렌더링 후 단 한번만 실행 되고 실행되지 않음

const [count, setCount] = useState();
useEffect(() => {}, [count]);

// useEffect를 렌더링 후 한번, 그리고 배열 안 변수의 값이 변할 때마다 실행하는 코드
// Dependency 지정해주어 지정된 변수의 값이 **변할때만** 실행됨