개발자 도구의 Console에 로그가 2번씩 찍히는 현상 공유의 건

[ddol82]

Describe the bug 콘솔 화면에 로그가 2번씩 찍히는 현상이 있습니다.

To Reproduce 버그를 재현하는 과정을 작성해주세요.

1. 코드 내 console.log( ... )를 삽입합니다.
2. 실행 후 동작합니다.
3. 콘솔 확인 시 2번씩 출력되는 현상이 재현됩니다.

Expected behavior 이중 호출이 되지 않고 로그가 한 번씩만 출력되어야 합니다.

Screenshots

Operating Environment

• OS: Windows
• Browser: Chrome

[ddol82]

원인은 index.js의 React.StrictMode에 있었습니다. https://ko.reactjs.org/docs/strict-mode.html

는 부작용을 좀 더 예측 가능하게 의도적으로 이중 호출을 진행하고 있음을 알 수 있습니다, 우리는 아직 오류가 나지 않았으나, useEffect가 2번 실행되어 오류 발생의 가능성이 있어 주석 처리 진행하였습니다.