URL 에서 query string 과 path parameter

쿼리 스트링과 패스 파라미터가 뭔지, 왜 쓰는지에 대해선 굳이 정리하진 않겠다.
쿼리 스트링의 형태: abc.com/?id=def&nickname=ghi
패스 파라미터의 형태: abc.com/abc/def

query string 읽어오는 법

"use client";
import { useSearchParams } from "next/navigation"

  ...

export default function Home() {
  const params = useSearchParams();
  const id = params.get('id');
  
  //여러개의 값을 한번에 가져오고 싶다면
  const manyId = params.getAll();
}

path parameter 읽어오는 법

"use client";
import { usePathname } from "next/navigation"

  ...

export default function Home() {
  const path = usePathname();
}