Pages > 하나의 라우트에 해당하는 UI를 가진 파일 특징 Page는 항상 라우트 트리의 끝단 Pages의 파일 형식은 항상 .js , .jsx , .tsx Page.js 파일은 공개적으로 접근 가능한 라우트를 만드는데 필요함 기본적으로는 서버 컴포넌트이나, 클라이언트 컴포넌트도 가능 데이터 fetching 가능 Layouts > 여러 페이지간 공유되는 UI를 가진 파일 네비게이션 상에서 layouts은 상태를 보존 상호작용을 유지하고 리렌더링하지 않음 하위폴더에서도 사용 가능 만약 layout.js 파일에서 layout을 default로 export한 경우, 컴포넌트는 반드시 children prop을 받아야 함. → 렌더링되는 동안 보여질 예정 특징 가장 최상위 layout (Root layout)은 전역에 적용되며, html 과 body 를 포함해야함. (필수 컴포넌트)

Nextjs Documents [Routing Fundamentals] (https://nextjs.org/docs/app/building-your-application/routing) [Defining Route] (https://nextjs.org/docs/app/building-your-application/routing/defining-routes) 목표 : Routing에 필요한 개념들 이해하기 Routing Fundamentals 모든 application의 뼈대 == routing 한 어플리케이션에서 구조를 나타내기 위해 사용되는 링크 요소를 의미함. url segment : 도메인 이후 /로 구분되는 부분 url path : 도메인 이후 모든 부분