next.js route2 [Next.js] Route System - 2) next/link - Link Link Next.js 에서도 react-router-dom 처럼 next/link 의 link 를 사용할 수 있다. import Link from 'next/link' function Home() { return ( Home About Us Blog Post ) } export default Home Props Prop Example Type Required href href="/dashboard" String or Object Yes replace replace={false} Boolean - scroll scroll={false} Boolean - prefetch prefetch={false} Boolean - 태그의 속성인 className 이나 target="_blank" 와 같은 것들이 속성으.. 2023. 12. 5. [Next.js] Route System - 1) pages, app 라우팅 Next.js 에서는 react-router-dom 과 같이 개발자가 직접 라우팅 설정을 하지 않아도 된다. 대신에 hook과 파일 컨벤션을 통해 라우팅을 지원하고 있다. 또한 Next.js는 v13 부터 app 라우팅을 지원하는데 이전에 pages 라우팅 부터 먼저 살펴보자. Next.js pages routing src/pages ├── _app.tsx ├── index.tsx ├── naver.tsx ├── preview.tsx ├── profile │ ├── [name].tsx │ └── index.tsx │ └── phone.tsx └── setting ├── auto-complete.tsx ├── [...search].tsx └── site.tsx Next.js 는 /pages or /src/.. 2023. 12. 5. 이전 1 다음
