Next.js 14 앱 튜토리얼

main 레이아웃으로 전체 화면에 동일하게 출력되는 파일{children}이 각 page를 나타냄

components안의 여러 컴포넌트 폴더 안에서는 page.jsx를 사용하지 않는다.Next.js에서는 a 링크를 사용하지 않고, Next에서 제공하는 Link 태그를 사용한다.

\- not-found.jsx를 만들면 404 에러일 때 not-found 컴포넌트를 자동으로 띄워줌

layout.js(메인 레이아웃)에 import 되어 있으면 모든 single page에 스타일이 동시 적용됨inherit: 부모의 속성을 상속받음:root: 스타일 속성을 변수화 시키는 곳ex) --bg: > - \*: 전체 스타일 속성 변경 시 사용Component

from "next/navigation"pathname을 받아낼 수 있음ex) /, /contact, /blog 등