create-react-app Render가 두 번될때 ( console.log 두번 출력될때 )

create-react-app을 설치하고 React App을 실행하여 개발하면 2번씩 렌더링이 됩니다.

 

보통 설치 직후에 src/index.js를 보면 

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);
 

 

root.render 하위에 React.StrictMode가 존재합니다.

 

이 React.StrictMode를 제거하면 Render가 두 번 출력되지 않습니다.

 

 

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
    <App />
);