[리액트]useEffect

react useEffect 링크

특정 코드의 실행을 한번으로 제한하고 싶을때 무엇을 사용할까?

바로 useEffect를 이용하면 된다. useEffect는 컴포넌트가 한번 렌더링되고 그 이후에는 실행되지 않도록 한다. API를 가지고 오는 작업은 한 번만 일어나면 되는 일이다. 이러한 일을 useEffect를 이용한다.

useEffect는 두 개의 인자를 갖는다. 첫 번째는 한번만 실행하기 원하는 코드가 들어간다. 나머지 하나에는 특정 부분이 변화할 때 원하는 코드를 실행시킬 수 있도록 하는데 그 변화하는 인자를 적어주면 된다.

useEffect(() => {
  document.title = `You clicked ${count} times`;
}, [count]); // count가 바뀔 때만 effect를 재실행합니다.