[nextjs] next.config.js 내부의 reactStrictMode 설정

이 글은 create-next-app으로 프로젝트를 생성했을 때, next.config.js 내부의 reactStrictMode가 무엇인지에 대해 알아보도록 하자. nextjs에서 next.config.js를 통해 custom 설정을 진행한다. 관련된 기초내용은 아래의 글을 참고하자. 

 

next.config.js 기초 정리

 

프로젝트를 시작한 후에 next.config.js 내부의 코드를 보면 아래와 같다.

 

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
}

module.exports = nextConfig

 

위의 nextConfig의 설정 중에 reactStrictMode에 대해 조금 더 알아보도록 하자.

 

쉽게 설명하면, 우리가 만드는 application 내에서 문제가 일어날 수 있는 부분에 대한 경고를 알려주는 기능이다. nextjs가 아닌, react에서 관련 부분은 <Reacrt.StrictMode>를 하는 것과 같다고 할 수 있다.

 

 

기본적으로 Nextjs 문서에서는 strict mode를 활성화하는 것을 추천하기 때문에 관련 설정을 진행하고 프로젝트를 진행하도록 하자.