[Next.js] Routing

Next.js에서 라우트를 생성하는 방법

홈페이지를 만들다보면 페이지 전환이 필요한 경우가 있다.

이때 필요한 것이 라우터다.

 

라우터는 둘 이상의 패킷 전환 네트워크 또는 서브네트워크를 연결하는 장치를 말한다.

Next.js 프로젝트에서는 홈페이지에서 페이지를 이동하는 것에 해당한다.

 

페이지의 경로는 어떻게 생성될까?

React에서는 경로를 일일히 지정해주었지만 Next.js에서는 경로를 설정하는 법칙이 정해져 있다.

 

Next.js의 프록젝트에서 app 폴더 아래에 생성되는 것은 라우트라고 간주된다.

app 폴더 아래의 구조에 따라 폴더명을 segment로 URL 경로가 자동으로 생성, 할당된다.

페이지는 page.js의 형식으로 생성되어야 하며, page 이외의 다른 이름으로 생성되면 안된다.

페이지의 파일 확장자는 .js, .jsx, .tsx 등이 있다.

 

*페이지는 기본적으로 서버 컴포넌트지만 클라이언트 컴포넌트가 될 수 있다.