Next.js 공부하기 4일차

안녕하세요 🐸!

메타데이터

일반적으로 메타데이터는 데이터를 위한 데이터를 의미합니다.
예를들어 {이름:김삼순} 이라는 데이터가 있을 때 이 데이터의 타입, 형식, 인코딩, 길이 등의 정보를 메타데이터라 합니다.
Next.js를 통해 만드는 웹 앱의 경우 메타데이터는 사이트의 타이틀, 설명 등이 있습니다. 메타데이터의 특징으로

1. 레이아웃, 페이지 파일에서만 설정 가능
2. 서버 컴포넌트에서만 가능
3. 하위의 메타데이터가 상위의 메타데이터를 병합

Route group

NextJS의 폴더 경로는 URL에 매핑됩니다. 하지만 Route group는 URL 경로에 포함되지 않습니다.
이를 통해 파일 구조를 보다 논리적으로 그룹화 하여 관리할 수 있습니다.

사용법

폴더의 이름을 괄호로 묶어서 만들 수 있습니다.
다음은 NextJS 공식 문서의 참고 예시입니다.

Next.js에서 대부분의 경우 디렉토리는 곧 URL경로가 됩니다.
지금까지 배운 지식으로라면 app/(marketing)/about/page.js 의 URL은 /(marketing)/about 이 되어야합니다. 하지만 위 이미지의 예시를 보면 알 수 있듯 실제 URL은 /about 이 됩니다.
주의할 점으로 루트 레이아웃 파일과 not-found파일은 루트 경로에 위치해야한다는 점입니다.

---

참조 : https://nextjs.org/docs/app/building-your-application/routing/route-groups