reactStrictMode에 대해서

reactStrictMode에 대해서

reactStrictMode는 React의 Strict Mode를 활성화 또는 비활성화하는 옵션입니다.

Next.js에서는 next.config.js 파일을 통해 프로젝트의 환경 설정을 지정할 수 있습니다.

React Strict Mode는 개발 모드에서 애플리케이션을 실행할 때 렌더링 과정에서 일부 경고를 발생시키고, 몇 가지 부수 효과를 검사하여 애플리케이션에서 발생할 수 있는 잠재적인 문제를 감지합니다. 주로 개발자들이 애플리케이션의 품질을 향상시키고 디버깅을 도와주는 용도로 사용됩니다.

 

useEffect혹은 console.log가 2번 실행되는 경우 해결방법

- 첫번째

useEffect(() => {
     
}, []} // 의존성 배열을 추가하지 않은 경우

 

- 두번째

// src / index.js 
const root = ReactDOM.createRoot(document.getElementById('root')); root.render( 
    <React.StrictMode> // 지우기
    <App />
    </React.StrictMode> // 지우기
);

// next.config.mjs
/** @type {import('next').NextConfig} */
const nextConfig = {
	reactStrictMode: false,	// reactStrictMode를 false처리함
};

export default nextConfig;