build 명령어를 쳤다.
npm run build
에러가 났다.
./src/app/layout.tsx:2:1
Syntax error: "next/font" requires SWC although Babel is being used due to a custom babel config being present.
Read more: https://nextjs.org/docs/messages/babel-font-loader-conflict
'사용자 지정 바벨 구성이 있기 때문에 바벨을 사용하고 있지만 next/font에는 SWC가 필요합니다'라는 에러가 났다.
SWC란?
: 자바스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는 빌드 툴이다. 웹 컴파일러의 기능을 제공하는 툴
참고) https://nextjs.org/docs/messages/babel-font-loader-conflict
next/font는 Next.js에서 제공하는 폰트 최적화 기능이다. 즉 next.js의 컴파일러를 사용해야 한다는 의미
하지만 나는 babel 세팅을 커스텀을 했다. 이 의미는 ? next.js 컴파일러를 사용하지 않았다는 뜻.
참고) https://nextjs.org/docs/architecture/nextjs-compiler
나는 어떤 이유로 바벨 파일을 만들어줬었는데 이것이 next.js에서 설정해놓은 SWC를 사용하지 못하게 만들었다.
이들이 SWC를 선택한 이유는, 이렇게 4가지가 있다.
속도도 더 빠르다고 하고, Next.js 내에 있다고 하니 바벨을 삭제했다.