일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 선택자
- gitCLI
- JS
- 변수
- This
- 최적화
- next.js
- ES6+
- ES5+
- array
- react
- dev
- html5
- Python
- JavaScript
- 햇소
- hooks
- object
- learn next.js
- 우아한테코톡
- git
- es6
- DOM
- github
- AI
- hatso
- API
- CSS
- 함수
- developerlife
Archives
- Today
- Total
목록Navigating (1)
codinghatso
Learn Next.js 제 5장 : Navigating Between Pages
사용자가 대시보드 경로 사이를 탐색할 수 있도록 몇 가지 링크를 추가하겠습니다. 이번 장에서 배울 내용 * next/link 요소 사용 방법 * usePathname() 에 대한 활성 링크를 표시하는 방법 * Next.js에서 내비게이션이 작동하는 방식 내비게이션을 최적화하는 이유는 무엇일까? 전통적으로 HTML의 요소를 사용합니다. 현재 사이드바 링크는 요소를 사용하여 각 페이지 이동시 전체 페이지 새로 고침이 있습니다. The component Next.js 에서는 를 사용할 수 있습니다. Javascript로 client-side navigation을 수행할 수 있습니다. import Link from 'next/link'; import 해서 사용하며 태그를 태그로 교체해 주면 됩니다. Automa..
WEB/Next.js
2024. 2. 15. 19:12