August 20, 2022

useRouter

• param을 가져올 수 있음
• /category/sports?from=event&slug=food&age=1

const router = useRouter();
const {slug, from, age } = router.query;

return (
	<>
		<h1 className="title>
			Category {slug} from {from} {age}
		</h1>
  <>
);

다중 슬러그

• 이렇게 받으면 slug는 Array 배열
• /cart/2022/06/25
  • Cart Date Slug [’2022’, ‘06’, ‘25’]

만약 /cart만 입력하면 어떻게 될까 ?

• router.query로 받아올 항목이 없어서 404가 뜸
• cart/[[…date]].js 로 []를 한 번 더 씌워주면 optional 하게 사용할 수 있다

router.push

• onClick={() ⇒ router.push(’/cart/2022/06/24/’)}