Next.js Routing 실습

Parallel Routes를 만들어보자

같은 레이아웃 안에 하나 이상의 페이지를 동시적으로, 혹은 조건에 따라 렌더링할 수 있음

대시보드나 소셜미디어의 피드처럼 다양한 섹션들을 구분해서 보여주어야 할 때 유용하다!!

Untitled

git clone <https://github.com/wrryu09/Next-Routing-Hands-On.git>

cd Next-Routing-Hands-On

yarn install

yarn dev

(현재 폴더구조)

.
├── app
│   ├── dashboard
│   │   ├── Board.js
│   │   ├── Box.js
│   │   ├── TopBar.js
│   │   ├── default.js
│   │   ├── layout.js
│   │   └── page.js
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.js
│   └── page.js
└── assets
    └── sumsimsImg.jpg

<aside> 💡 /dashboard 로 이동

</aside>

Slots

slots 를 이용해 Parallel routes 만들 수 있다