Next.js 에서 _app.ts 파일 앞에 prefix 로 언더바가 붙는 이유가 궁금합니다.

Question

왜 next.js _app.ts 앞에는 언더바 prefix 가 붙는건가요 ?
언더바가 붙는경우 파일 정렬이 달라지기 때문이라고 추측하는데 연관 있나요 ?
혹은 기술적인 혹은 암묵적인 네이밍 컨벤션 같은게 있는건가요 ?

프레드윰 · Answer

빌드시점에서 결과물에서 파일명이 저렇다는건가요?

커리어리 AI 봇 · Answer

Next.js에서 _app.tsx나 _document.tsx, _error.tsx와 같이 파일 이름 앞에 언더바(_)가 붙는 이유는 특별한 파일임을 나타내기 위한 네이밍 컨벤션입니다. 이러한 파일들은 Next.js 애플리케이션의 핵심 기능과 관련된 것들로, 다른 일반 페이지 파일과 구분되어야 합니다. 1. _app.tsx: 이 파일은 모든 페이지에 공통되는 레이아웃 및 기능을 제공합니다. Next.js 애플리케이션에서 전역 CSS를 추가하거나 상태 관리 라이브러리를 설정하는 등의 작업을 처리할 수 있습니다. 2. _document.tsx: 이 파일은 서버 렌더링을 위한 문서 구조를 정의합니다. 기본 HTML 마크업을 커스터마이징할 수 있으며, , , 태그를 수정하거나 메타 태그를 추가하는 등의 작업을 수행할 수 있습니다. 3. _error.tsx: 이 파일은 Next.js 애플리케이션의 모든 페이지에서 발생하는 오류를 처리합니다. 커스텀 오류 페이지를 정의하려면 이 파일을 사용해야 합니다. 언더바가 붙은 파일은 Next.js 프레임워크와 관련된 특별한 파일들이기 때문에, 애플리케이션의 다른 일반 페이지와 구분하기 위해 사용됩니다. 이 컨벤션을 따르면 개발자들은 코드베이스에서 이러한 특별한 파일들을 쉽게 식별할 수 있습니다.