[React]<React.StrictMode>에 대해서

React에 대해서 기본 문법과 사용법을 공부하고 있는 중이다.

 

일반적으로 react-create-app을 많이 사용하는데 생성을 하면 index.js에 다음과 깉이 <React.StrictMode>가 있다.

<React.StrictMode>를 삭제해도 동작에는 상관없으며, 저 코드 떄문에 console.log를 찍으면 나의 의도와는 다르게 두번 연속해서 나타나는 현상을 볼 수 있다. 

 

몇가지 찾아본 바로는 꼭 index.js에서만 쓸 수 있는것은 아니고 다른곳에서도 사용가능 하다는 것이다. 

 

React 문서에 보면 다음과 같이 나와있다.

 

https://ko.reactjs.org/docs/strict-mode.html

Strict 모드 – React

 

개발 모드에서만 적용되기에 일단은 두면 되는듯한데 console.log를 찍을때 두번 찍히는 현상 때문에 나는 지우고 사용중이다.

 

아래와 같은 상황에 도움이 된다는데 학습을 더 깊이 있게 하다보면 언젠가 사용의 필요성을 느끼지 않을까 싶다.

 

• 안전하지 않은 생명주기를 사용하는 컴포넌트 발견
• 레거시 문자열 ref 사용에 대한 경고
• 권장되지 않는 findDOMNode 사용에 대한 경고
• 예상치 못한 부작용 검사
• 레거시 context API 검사
• Ensuring reusable state

 

최근 잡다하게 이것저것 공부를 해보고있는데 그 중에 잊어버린것도 좀 있다.

 

그래도 앞으로 계속 나아가고 조금이라도 더 알아보고자 한다. (더 늦기 전에)