LifeCycle이 두번씩 발생하는 이슈 (StrictMode)

[yuuil]

라이프사이클 예제 실행 시 몇몇 라이프 사이클이 두 번 실행되는 문제가 있어 질문 드렸었습니다 App.js에서도 라이프사이클 컴포넌트는 한 번만 렌더링 하고 있습니다 어떤 점이 문제가 된 걸까요..? 방금도 다시 실행해보니 ComponentDidMount를 제외한 다른 라이프 사이클이 두 번씩 실행됩니다..

작성한 코드

[velopert]

아! 이것은 StrictMode 때문입니다. 개발환경에서만 이렇게 동작하며 프로젝트를 빌드후 프로덕션에선 이렇게 두번 실행되지 않습니다. 책을 작성할 당시 StrictMode가 기본적으로 활성화되어있지 않았었는데, 그래서 책과 다른 결과가 나타난 것 같네요. 관련해서 내용 업데이트 하도록 하겠습니다 :)

• 책과 동일한 결과를 보시려면 index.js 에서 StrictMode 컴포넌트를 없애시면 됩니다.

https://ko.reactjs.org/docs/strict-mode.html#detecting-unexpected-side-effects

[velopert]

감사합니다 :) 다음 중쇄에서 수정되며, 이 이슈는 일정 기간동안 유지하도록 하겠습니다~