import React from 'react';
import ReactDOM from 'react-dom';
import App from "components/App";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
React를 쓰다보면 React.StrictMode
로 렌더링하는 걸 볼 수 있다.
이게 뭐지?
create-react-app
으로 만든 리액트 프로젝트는 기본적으로 index.js에 React.StrictMode
를 설정한다.
이 설정을 지우지 않으면 console.log
가 2번씩 실행된다.
개발 상황에서 의도적으로 console.log
를 2번 호출하도록 만들어 오류를 더 쉽게 포착할 수 있도록 한다.