[troubleshooting] react 렌더링이 2번 발생하는 에러

1. 상황

    -  front : react와 server : node(mongoDB)로 이루어진 프로젝트의 백과 프론트 연동 후 어플리케이션 동작시, 랜더링이 완료되면 console에 문구가 찍히도록 설정해놓았으나, 두번 발생되는 현상 발생.

자동으로 랜더링이 2번 발생하는 상황

---

2. 원인

    - 프론트의 index.js에서 app 소환시 React.StrictMode 로 불러왔기 때문.

StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다.
Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다.
Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다.
 - 리액트 공식문서

---

3. 해결방안

    - React.StrictMode 삭제

---

4. 결과

    - 1회만 렌더링 됨.