[React] useEffcet 2번 렌더링

useEffect 를 사용하는 도중에 console이 두번찍히는 현상이 빈번히 발생하였었는데 지나치곤 했었다.

index.js를 확인해보면

<React.StrictMode>로 이 감싸여 있다.

스트릭트 모드는 리액트 개발 도중 발생하는 문제를 감지하기 위한 설정으로 해당 설정 시 개발 모드일 때만 렌더링이 두번 발생된다

스트릭트모드를 제거하려면 <React.StrictMode/>태그를 제거해 주면 된다.

해당 스트릭트 모드를 제거이후에 렌더링이 1번만 되는것을 확인하고, 편안해졌다. 그럼 20000