리액트의 Strict Mode

StrictMode

StrictMode는 리액트에서 주로 개발 중에 발생할 수 있는 잠재적인 문제를 사전에 감지하고 예방하기 위해 사용됩니다.

오래된 라이프사이클 메서드와 비권장 API의 사용을 감지

componentWillMount(), componentWillReceiveProps() 등과 같이 더 이상 사용이 권장되지 않는 메서드가 코드에 포함된 경우, StrictMode는 경고를 표시합니다. 이를 통해 개발자가 최신 React API를 준수하여 안정적이고 효율적인 코드를 작성하도록 돕습니다.

의도치 않은 부수 효과를 방지

리액트는 컴포넌트의 렌더링이 예측 가능하고 정확하게 이루어지기를 기대합니다. StrictMode는 이를 검증하기 위해 useEffect(), useState() 등 일부 훅이나 메서드를 두 번씩 실행합니다. 두 번 실행하여 동일한 결과가 나오는 것을 확인함으로써, 컴포넌트가 예측하지 못 한 작동이 이루어지지 않고 정확하게 동작하는지 검사합니다.
이처럼 개발 환경에서 StrictMode를 통해 두 번씩 검증이 이루어지면, 이후 프로덕션 환경에서도 동일하게 작동한다는 것을 보장받을 수 있게 됩니다.
추가적으로 두 번씩 실행되는 현상은 개발 모드에서만 발생하기 때문에, 실제 프로덕션 환경에서의 성능에는 영향을 미치지 않습니다.