# Routing
라우팅은 request가 그것을 다루는 코드에 전송하는 메커니즘으로 정의된다.
즉, 네트워크 상에서 요청을 어떠한 경로로 보낼지 선택하는 프로세스이다.
Next.js version 13부터는 React Server Components에 기반한 'App Router'를 사용하고 있다.
따라서 기본적으로 app directory 내부의 component는 React Server Component로 취급된다. (client component를 만들고자 할 때에는 'use client' 명령어를 사용해야 한다)
Next.js에서 server component를 default로 사용하는 이유는 server infrastructure를 활용해 성능 향상을 도모할 수 있기 때문이다. 예를 들어 data fetching을 server 단에서 처리하여 JS bundle size를 줄일 수 있으며 initial page loading이 빨라진다.
# Defining Routes
Next.js은 file-system based router를 사용하며 각 폴더는 route가 되며 폴더 내 파일은 UI를 만드는데 사용된다.
'/dashboard/settings'를 요청하면 'app\dashboard\settings' 폴더 내의 page.js 파일이 호출되는 형식이다.
단 이 때 폴더 내에 page.js 파일이나 route.js 파일이 없다면 해당 폴더는 접근 불가한 것으로 취급된다.
'Web development > Next.js Docs 파헤치기' 카테고리의 다른 글
| 2.3 Route Groups & Dynamic Route (0) | 2023.07.06 |
|---|---|
| 2.2 Linking and Navigating (0) | 2023.06.16 |
| 2.1 Pages and Layouts (0) | 2023.06.16 |
| 1. Next.js 시작하기 (0) | 2023.06.13 |
