• 목차

Strict 모드란?

• Strict 모드는 애플리케이션 내의 잠재적인 문제를 강조해준다.

• Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않는다.

• React 패키지에 포함되어 있으며, CRA를 통해서 프로젝트 생성 시 default로 감싸져 있다.

• 애플리케이션 내 어디서든지 아래와 같이 strict 모드를 활성화할 수 있다.

  import React, { StrictMode } from 'react';
  
  function ExampleApplication() {
    return (
      <div>
  			<Header />
  			**<StrictMode>**
  				<div>
  					<ComponentOne />
  					<ComponentTwo />
  				</div>
  			**</StrictMode>**
  			<Footer />
  		</div>
  	);
  }
  

  위의 예시에서, Header와 Footer 컴포넌트는 Strict 모드 검사가 이루어지지 않고, ComponentOne과 ComponentTwo는 각각의 자손까지 검사가 이루어진다.

Strict Mode 역할

StrictMode는 오래된 메소드나 React 관련 기능에 대한 경고를 알려준다.

안전하지 않은(보장되지 않는) 생명주기를 사용하는 컴포넌트 발견

• componentWillMount
• componentWillReceiveProps
• componentWillUpdate

레거시된 문자열 ref 사용 (클래스형 컴포넌트)

• 리액트 초기 버전에서 제공한 기능으로 현재 createRef() 함수로 만든 객체 ref를 사용한다.
• 콜백 ref도 초반에 나왔지만 여전히 지원한다.