useEffect에서 로딩이 두번된다면?

useEffect 훅을 이용해서 컴포넌트가 처음 로딩될 때 무언가 작업을 하려면

    useEffect(() => {
        console.log('~~~~')
    }, []);

이처럼 두번째 바라미터에 빈 배열을 전달해서 사용한다. 그런데 이게 두번씩 호출 될때가 있다.

상위 컴포넌트의 의해서 두번로딩될 수 도 있지만 React.StrictMode 인 경우도 두번 호출이 된다.
React.StrictMode는 보통 index.js 에 컴포넌트가 추가되어 있으니 불필요하다고 판단될때는 제거해서 테스트 해보자.