React - useNavigate()[Link]와 useLocation() 톺아보기

이번에는 React Router의 useNavigate()[혹은 Link 태그]와 useLocation()에 대해 자세하게 알아보려고 한다! 흔히 useNavigate()[Link]와 useLocation()를 자주 사용하고, 일반적으로 쓰이는 navigation 기능, 현재 url 가져오는 기능뿐만 아니라 useNavigate()[Link]와 useLocation()에 어떤 기능들이 존재하는지 살펴보자.

생각보다 일반적인 기능이 아니어도 강력한 기능들이 많이 존재하기 때문에 알아두면 혹시나 유용하게 쓰일 수 있을 것 같아 정리해본다! 이번 글에서는 아주 간단하게 결제가 완료된 후 결제 결과창으로 이동하는 로직을 구현해보면서 useNavigate()와 useLocation()에 대해 알아보자. 1️ useNavigate() useNavigate()란?

useNavigate()는 React Router v6에서 제공하는 훅(hook)으로, 페이지를 이동하거나 내비게이션을 구현할 때 ...