리액트에서 개발할 때console.log는 왜 여러번 출력될까?

김태경·2022년 10월 2일
0

난 궁금했었다. 😗
리액트에서 난 분명 코드에 console.log를 한번 출력하게 했는데
왜 console.log가 두번씩, 세번씩 출력 되는걸까?

생각보다 심플한 이유입니다.

여러번 찍히는 이유는 index.tsx 또는 index.js 에 있는 <React.StrictMode> 태그가 범인인데 이는 엄격한 검사를 위해 일부러 두번씩 실행하는 함수들이 정해져 있고, 그 중 하나가 우리 눈에 가시적으로 보이는 console.log 였던 것... 이는 개발 모드에서만 두번씩 실행되니 배포 후 여러번 호출 될 걱정은 안 해도 됨!! 다행이죠.

profile
FE 뉴비

2개의 댓글

와 정말 다행이에요!

1개의 답글