🙋♂️ Strict Mode란?
StrictMode는 개발 중에 발생할 수 있는 잠재적인 문제를 사전에 감지하고 예방하기 위해서 사용한다.
1. 오래된 라이프사이클 메서드와 비권장 API의 사용을 감지
더 이상 사용이 권장되지 않는 메서드가 코드에 포함된 경우에 경고를 표시한다.
따라서 StrictMode를 통해서 최신 React API를 사용해서 안정적이고 효율적인 코드를 작성할 수 있게 된다.
2. 의도치 않은 부수 효과 방지
StrictMode는 useEffect(), useState() 등 일부 훅이나 메서드를 두 번씩 실행한다.
그 이유는 컴포넌트의 렌더링이 예측 가능하고 순수하게 이뤄지기를 기대하기 때문인데, 두 번 실행함으로써 동일한 결과가 나오는지 확인할 수 있다.
개발 환경에서 두 번씩 실행해봤을 때 문제가 없으면 프로덕션에서도 안전하게 실행된다는 것을 알 수 있다.
의문점 : 코드가 두 번씩 실행되는 것이 성능적으로 문제가 없을까? 🤔
개발 모드에서만 발생하고, 실제 프로덕션 빌드에서는 한 번만 실행되기 때문에 성능에 영향을 미치지 않는다!
✅ 결론
개발자가 더욱 안전하고 효율적인 코드를 작성할 수 있도록 도와준다.
