230620 개발일지 TIL - React에서 console.log가 두 번 찍힐때

React에서 console.log가 두 번 찍힐때

해결방법
index.js에서 <React.StrictMode> </React.StrictMode> 부분을 주석 처리하면 된다.

궁금점
해결방법은 알았지만 왜 그런지 궁금했다.

이유
React.StrictMode는 개발모드에서만 동작하는 기능인데 문제를 감지해 경고 메시지를 출력해준다고 한다.
그러나 개발 시에만 적용해야하고 운영에서는 사용되지 않아야 한다고 한다.
그래서 React.StrictMode를 주석 처리하면 개발 모드의 추가적인 경고 메시지가 표시되지 않으므로 콘솔로그가 한 번만 출력된다고 한다.