React Strict 모드란 무엇입니까?

React Strict Mode는 React와 함께 제공되는 도구로, 애플리케이션에서 발생할 수 있는 문제와 문제를 감지합니다. 현재(2020년 9월) 엄격 모드는 unsafe lifecycle methods , usage of legacy string ref API , usage of findDOMNode , detecting unexpected side effects 또는 detecting usage of legacy context API 가 있는지 감지합니다.

따라서 기본적으로 엄격 모드를 사용하면 앱이나 라이브러리가 더 이상 사용되지 않거나 비동기 코드에서 안전하지 않거나 버그를 유발할 수 있는 문제가 있는 React API를 사용하고 있는지 감지하는 데 도움이 됩니다. 엄격 모드 경고는 개발 중에만 표시되므로 프로덕션에 표시되는 것에 대해 걱정할 필요가 없습니다. 앞으로 Strict Mode는 다른 경고를 추가할 가능성이 높으므로 지금은 경고가 없더라도 계속 사용하는 것이 좋습니다.

create-create-app과 같은 도구는 기본적으로 엄격 모드를 앱에 추가하지만 나중에 앱에 추가하는 것도 매우 쉽습니다. React.StrictMode 구성 요소로 앱 또는 앱의 일부를 래핑하기만 하면 됩니다.

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

이제 앱을 실행할 때 브라우저 개발자 도구 콘솔에 가능한 경고가 표시됩니다.