Route Build

새 페이지 생성 확인 순서

about 페이지와 중첩 라우트를 만들며 파일 기반 라우팅과 페이지 간 이동을 직접 연결합니다.

about

첫 새 라우트

app/about/page.tsx를 만들면 /about 페이지가 생깁니다.

Nested

중첩 경로

app/dashboard/settings처럼 폴더를 중첩해 URL 깊이를 표현합니다.

Link

페이지 전환

a 태그 대신 Link를 사용해 Next.js의 라우팅 최적화를 활용합니다.

실습 핵심

폴더만 만들고 page.tsx를 빼먹지 않는다

App Router에서 폴더는 경로 후보이고, page.tsx가 있어야 사용자가 접근할 실제 화면이 됩니다.

구현 순서

생성원하는 URL을 app 아래 폴더 구조로 만듭니다.
page·link 작성page.tsx에서 기본 UI를 반환합니다.
연결Home 화면이나 내비게이션에서 Link href를 맞춥니다.