🤬-React Strict Mode

😞-경험

리액트로 프로젝트를 진행하는 중 useEffect 를 사용하는데 2번씩 함수를 호출하는 경우가 발생해 문제점을 찾아봤더니 React index.js에서 strictMode 가 존재한다면 랜더링을 2번씩 하게 하여 개발 모드에서는 오류를 잘잡기위해 그런 현상이 일어난다고 한다.
이현상 때문에 몇번을 코드를 수정했는지.. 하...

지피지기면 백전백승 React Strict Mode 를 알고넘어가자

리액트 공식문서에서의 설명이다.

StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다.

잠재적인 문제? 너무 추상적인 개념이다 조금더 깊게 알아보자

StrictMode는 아래와 같은 부분에서 도움이 됩니다.

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

🧐 이해 가기 어려운 부분에 관한 링크

생명주기 메서드
Ref와Dom