리액트의 Strict Mode

규갓 God Gyu·2024년 11월 27일

면접질문

목록 보기
15/142

StrictMode

개발 중 발생할 수 있는 잠재적인 문제를 사전에 감지하고 예방하기 위해 사용

  • 오래된 라이프사이클 메서드와 비권장 API의 사용을 감지
    ex - componentWillMount, componentWillReceiveProps 와 같은 메서드는 사용 권장되지 않음
    이러한 메서드들이 코드에 포함될 경우 경고 표시해줌
    최신 React API를 사용하여 보다 안정적이고 효율적 코드를 작성하도록 도움

  • 의도치 않은 부수효과 방지
    컴포넌트의 렌더링이 예측 가능하고 순수하게 이뤄지길 기대함
    이를 검증하기 위해 useEffect, useState 등 일부 훅이나 메서드를 두 번씩 실행
    그 이유는 동일한 결과가 나오는지 확인함으로써 컴포넌트가 사이드 이펙트를 일으키지 않고 순수하게 동작하는지 검사하기 위함

즉 예기치 않은 동작, 버그를 사전에 방지하기 위해서임
개발 환경에서 두번씩 실행하고 문제 없으면, 프로덕션에서도 안전하게 실행된다는 신호임
부수 효과가 감지될 시 코드를 수정해야함

profile
웹 개발자 되고 시포용

0개의 댓글