5. Next.js 여러 페이지 만들기 (라우팅)

페이지를 나누는걸 전문용어로 라우팅이라고 합니다.

 

url로 페이지를 나누는것을 라우팅이라고 하며 라우팅하려면 일반적인 웹서버들은

누가 /list로 접속하면 상품목록 html을 보여달라는 코드를 서버에 짜놔야 하는데

Next.js를 사용하면 그런 코드를 짤 필요가 없이 폴더와 파일 하나만 만들면 자동으로 됩니다.

 

Next.js는 라우팅을 할때 다음과 같이 라우팅 합니다.

1. app 폴더 안에 폴더를 생성하고 이름을 정합니다.

2. 폴더에 page.js파일을 만들고 안에 html을 작성하면 자동으로 url과 페이지가 완성됩니다.

 

위 처럼 코드를 작성하고 url에 /list 라고 붙여서 검색하면 만들어놓은 페이지가 생성됩니다.

 

 

layout.js 사용하기

헤더같이 반복적으로 사용해야할 기능들이 있지요  그래서 layout.js에 navbar를 만들어 봅시다.

그럼 이제 page.js마다 navbar를 만들 필요가 없습니다.