# useRouter

6개의 포스트
post-thumbnail

Next.js에서의 Static, Dynamic Routing

Next.js에서는 useRouter 훅을 import한 뒤, router 객체(페이지 이동과 관련된 기능을 가지고 있는 객체)를 통해 동적 라우팅을 구현할 수 있다.

2022년 7월 11일
·
0개의 댓글
·

NextJS | useRouter() params undefined issue

출석 이벤트 페이지에서 URL의 params의 date 값을 기반으로 해당 날짜의 이벤트 페이지를 렌더링 하고 있다. 만약 date 값이 지금 진행하는 이벤트의 날짜와 일치하지 않는다면 진행중인 이벤트가 아닙니다. 라는 경고를 띄우고 페이지 접근을 제한한다.하지만 정상

2022년 6월 15일
·
0개의 댓글
·

Next.js useRouter 사용 방법

Next.js에서 함수 형식으로 라우팅 할 수 있게 해주는 Next.js 기본 라이브러리로 React에서 useNavigate 또는 useHistory와 같은 역할을 한다.<첫번째 방법><두번째 방법>위와 같이 사용하며 router.push(URL) 형식으로

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

Poke Docs 만들기 - Next router, Next dynamic route

Next 에서는 routing 을 자체적으로 지원해주는데요.그렇기 때문에 react-router, react navigation을 굳이 사용하지 않아도 되고, pages/ 안에 파일을 만들면 그 파일 이름으로 path 를 생성해주기 때문에 쉽게 routing servi

2021년 2월 11일
·
0개의 댓글
·

[next.js] Router를 통해 props 기능 구현

우선 props를 보낼 곳에서 Router를 import 합니다. button을 이용해 해당 파일 경로와 보내고 싶은 props를 query형태로 보내줍니다. button의 모양은 대략 이렇게 생겼습니다. SendQuery 함수의 형태입니다. query를 받는 곳(/pages/register)에 { useRouter }를 import 합니다. re...

2019년 10월 22일
·
1개의 댓글
·