# useRouter
Next.js에서의 Static, Dynamic Routing
Next.js에서는 useRouter 훅을 import한 뒤, router 객체(페이지 이동과 관련된 기능을 가지고 있는 객체)를 통해 동적 라우팅을 구현할 수 있다.
NextJS | useRouter() params undefined issue
출석 이벤트 페이지에서 URL의 params의 date 값을 기반으로 해당 날짜의 이벤트 페이지를 렌더링 하고 있다. 만약 date 값이 지금 진행하는 이벤트의 날짜와 일치하지 않는다면 진행중인 이벤트가 아닙니다. 라는 경고를 띄우고 페이지 접근을 제한한다.하지만 정상
Next.js useRouter 사용 방법
Next.js에서 함수 형식으로 라우팅 할 수 있게 해주는 Next.js 기본 라이브러리로 React에서 useNavigate 또는 useHistory와 같은 역할을 한다.<첫번째 방법><두번째 방법>위와 같이 사용하며 router.push(URL) 형식으로
Static,Dynamic 라우팅 , 옵셔널 체이닝 , 조건부 렌더링 , try,catch
Static,Dynamic 라우팅 , 옵셔널 체이닝 , 조건부 렌더링 , try,catch
Poke Docs 만들기 - Next router, Next dynamic route
Next 에서는 routing 을 자체적으로 지원해주는데요.그렇기 때문에 react-router, react navigation을 굳이 사용하지 않아도 되고, pages/ 안에 파일을 만들면 그 파일 이름으로 path 를 생성해주기 때문에 쉽게 routing servi
[next.js] Router를 통해 props 기능 구현
우선 props를 보낼 곳에서 Router를 import 합니다. button을 이용해 해당 파일 경로와 보내고 싶은 props를 query형태로 보내줍니다. button의 모양은 대략 이렇게 생겼습니다. SendQuery 함수의 형태입니다. query를 받는 곳(/pages/register)에 { useRouter }를 import 합니다. re...