react console 출력 2번?

react 앱 강의를 듣는 도중 강사님과 달리 console.log를 출력하면 두 번 출력되는 현상을 보았다.

다행히 오류는 아니고 내가 또 뭐 잘못한 줄 알았지
src/index.js 파일에 App이 <React.StrictMode>로 감싸져 있으면 렌더링이 두번 발생한다고 한다.

React.StrictMode

https://ko.reactjs.org/docs/strict-mode.html

리액트 개발 도중 발생하는 문제를 감지하기 위한 설정으로 해당 설정 시 '개발 모드'일 때만 렌더링이 두번 발생한다.
strictMode는 예상치 못한 부작용, 권장되지 않는 findDOMNode 사용에 대한 경고, 안전하지 않는 생명주기를 사용하는 컴포넌트 발견 시 도움이 된다.
- 추후 이해하고 공부를 더 해보자!-

결론 : 코드에는 이상없다!