[React & 가계부프로젝트] useEffect 콘솔에 자꾸 2번씩 찍힐때

useEffct 처음에 잘못써서 끝에 , [] 안 붙였더니 콘솔이 계속해서 찍혔다 (렉걸려서 멈췄다..)

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

근데 이번에는 []를 넣어줘도 2번씩 콘솔이 찍혔다.

 

원인

구글링 해봐도 다른사람들이 여러 이유가 있다는데 해당이 안되었다.
알고보니 index.js에 <React.StrictMode>로 감싸놨는데 그것때문이었다.
리액트에서 strict하게 한번더 검사한다고 콘솔을 찍는것이었다. 따라서 실제로 함수가 2번 실행되는것은 아니니 무시하고 실행해도 된다.