: 동일한 레이아웃 내에서 하나 이상의 페이지를 동시에 또는 조건부로 렌더링 함

slot

규칙 : @ 뒤에 작성해 정의

슬롯과 동일한 이름을 가진 프로퍼티를 부모 레이아웃의 props로 전달됨

( 병렬 라우트 폴더와 인접해 있으면 자동으로 해당 레이아웃 컴포넌트에 프로퍼티를 추가함)

→ slot은 경로세그먼트가 아니기에 url 구조에 영향을 끼치지 않음

default.js

: 특정 슬롯이 활성화 되지 않았을 때 렌더링될 기본 UI 제공

병렬라우팅의 상태관리

• Soft Navigation

  : Client-side에서 발생하는 라우트 변경→ 빠른 클라이언트 측 전환으로 필요한 슬롯만 렌더링, 나머지 상태 유지

• Hard Navigation

  : 페이지를 새로 고침하면 각 슬롯의 상태를 잃어버리며 기본적으로 정의된 default.js를 렌더링 하거나 404 에러

example

• folder structure

└── archive/
    ├── @schedule/
    │   └── page.js
    ├── @news/
    │   └── page.js
    └── layout.js

/archive/layout.js