Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- html
- 프로그래머스코테
- 프로그래머스알고리즘
- 코테준비
- 코딩
- 정보처리기사
- 프로그래밍
- 코딩테스트
- 프로그래머스코딩테스트
- mysql
- 프로그래머스 Lv.0
- 프로그래머스
- 코테공부
- 정처기기출
- 알고리즘스터디
- 프로그래머스 코테
- 프로그래머스 알고리즘
- 프로그래머스 코딩테스트
- 알고리즘문제
- js
- CSS
- 알고리즘공부
- Redux-Toolkit
- 1일1코테
- next.js
- 자바스크립트
- 프로그래머스 레벨0
- 개발자
- 코테스터디
- next.js 에러
Archives
- Today
- Total
목록라우팅 파라미터값 추출 (1)
계발하는 개발자
[Next.js] 다이나믹 라우팅(동적 라우팅) 방법 - Link | 동적 라우트 생성 & 쿼리 데이터 전달
Next.js에서 페이지를 이동하는 방법은 보통 두 가지로 나뉜다. Link를 이용한 방법과 router를 이용한 방법이다. 오늘은 이중에서 Link를 이용해 동적 라우팅 하는 것을 남겨볼 것이다. Link를 이용한 라우팅 Link는 다음과 같은 props를 가지고 있다. (이외 기타 prop 들도 있다.) (1) href - 이동할 경로 혹은 URL (유일한 필수 prop) * 아래처럼 href 객체를 받을 수도 있다. // Navigate to /about?name=test About (2) replace - history 스택(방문 기록)에 새 url을 추가하는 대신 현재 상태를 변경한다. 기본값은 false (3) scroll - 페이지 전환 후 페이지 상단으로 스크롤할지 여부. 기본값은 true..
💻 Frontend/Next.js
2023. 10. 26. 00:52