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
- 프로그래머스 Lv.0
- 코테준비
- Redux-Toolkit
- 프로그래머스 알고리즘
- CSS
- 프로그래머스알고리즘
- 코테공부
- 1일1코테
- 프로그래머스
- next.js
- 정처기기출
- 자바스크립트
- 알고리즘문제
- js
- mysql
- 코테스터디
- 코딩
- 프로그래밍
- 정보처리기사
- next.js 에러
- 프로그래머스 코딩테스트
- 프로그래머스코테
- 프로그래머스 레벨0
- 프로그래머스코딩테스트
- 개발자
- 알고리즘스터디
- html
- 코딩테스트
- 프로그래머스 코테
- 알고리즘공부
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