![]()
📘 Page Router 장점📄 파일 시스템 기반의 간편한 페이지 라우팅 제공pages 폴더 안의 파일 구조에 따라 라우팅동적 경로를 사용하는 다이나믹 페이지도 대괄호를 통해 하나의 URL 파라미터에 대응 가능book/1, book/2, book/3, ...catch-all segments: [..id]중첩된 모든 URL 파라미터에 대응 가능book/1, book/2/100, book/100/2345/233/5232, ...optional catch-all segments: [[...id]]인덱스 페이지까지 포함하면서 동시에 중첩된 모든 URL 파라미터에 대응 가능book, book/1, book/2/100, book/100/2345/233/5232, ...📄 다양한 방식의 사전 렌더링 제공리액트의..
![]()
Next.js는 Page Router 방식과 App Router 방식이 있는데 오늘은 Page Router 방식을 알아보고자 한다! 📄 Page Router현재 많은 기업에서 사용되고 있는 안정적인 라우터React Router처럼 페이지 라우팅 기능을 제공한다Pages 폴더의 구조를 기반으로 페이지 라우팅을 제공한다 왼쪽 이미지처럼 파일 이름을 기반으로 페이지 라우팅을 자동으로 제공한다오른쪽 이미지처럼 폴더 이름을 기준으로도 페이지 라우팅이 자동으로 된다 import { useRouter } from 'next/router';const router = useRouter();// 쿼리스트링const { q } = router.query;// 파라미터const { id } = router.query;동적 ..
