FrontEngineer JungBam

next에서 URL 읽기 본문

next.js

next에서 URL 읽기

정밤톨 2023. 8. 11. 18:06

next/navigation에서 제공하는 useSearchParams()와 usePathname()에 대해서 알아보자.

 

 두 함수 모두 현재주소창에 있는 값들에 대해서 접근하고자 할 때 사용하는 함수이나 각각의 쓰임이 다르다.
 query와 path에 대해서 다들 알고 있겠지만 쉽게 이야기를 하면 useSearchParams는 query에 대한 값을 가져오는 함수이고  usePathname은 path를 가져오는 함수이다.
 

Functions: useSearchParams | Next.js

Using App Router Features available in /app

nextjs.org

 

 

Functions: usePathname | Next.js

Using App Router Features available in /app

nextjs.org

 

반응형

'next.js' 카테고리의 다른 글

next.js에서 private route 만들기  (0) 2023.08.25
next.js favicon 설정하기  (0) 2023.08.13
redirect 설정하기  (0) 2023.07.30
next Error handling  (0) 2023.07.27
next loading UI  (0) 2023.07.27
Comments