#2 Next.js - Next.js로 Routing(라우팅)하는 방법 <Using App Router>

일단 next 13에서 도입된 App Router로 Routing(라우팅)하는 방법에 대해 정리해보려고 한다! 0.

웹 라우팅의 기본 개념 과 Next.js에서 라우팅을 처리하는 방법 1. 기본적인 라우팅의 개념 트리(Tree): 계층 구조를 시각화하기 위한 규칙이다.

예를 들어 상위 및 하위 구성 요소가 있는 구성 요소 트리, 폴더 구조 등이 있다. App Router에선 app 폴더를 루트 세그먼트로 시작하여, 그 밑에 폴더를 만들면 하위 세그먼트로 라우팅이 가능하다.

위에서 profile 폴더는 "/dashboard/settings/profile" 이런 식으로 라우팅된다. 폴더만 만들면 자동으로 라우팅이 되는 편안함...!

하위 트리(Subtree): 새 Root(첫 번째)에서 시작하여 Leaf(마지막)에서 끝나는 트리의 일부. 루트(Root) : 루트 레이아웃과 같은 트리 또는 하위 트리의 첫 번째 노드.

리프(Leaf): URL 경로의 마지막 세그먼트와 같이 자식이 없는 하...