728x90
반응형
라우팅
어떤 주소에 어떤 페이지를 보여줄지 정하는 것
Next.js는!!!!
파일시스템 기반 라우팅
파일의 경로가 주소에 매칭되는 라우팅 방식
page폴더에 index.js가 최상위 경로 ' / '
page폴더에 setting.js 와 search.js 파일 만들고 웹사이트 경로 확인해본다
page/products/1
다이나믹 라우팅
여러주소를 하나의 컴포넌트에서 처리하는 방법
next.js에서는 param 이라고 부른다
param을 사용하여 여러 페이지 랜더링
폴더명을 [id] 로 바꾸고 폴더안에 index.js로 바꿔도 똑같이 적용됨
728x90
반응형
'Next.js' 카테고리의 다른 글
| [next.js] useContext(다크모드) (0) | 2023.12.04 |
|---|---|
| [next.js] 리다이렉트(redirects), 커스텀 404 페이지 (0) | 2023.12.04 |
| [next.js] useRouter hook (0) | 2023.12.01 |
| [next.js]Link 컴포넌트 (0) | 2023.11.30 |
| [next.js]Next.js 시작(설치, css 적용 방법, _app과 _document) (0) | 2023.11.30 |
댓글