[개발지식] URL 활용하여 variables 확보하기

1. 개요

URL은 단순히 get method나 link의 개념이 아니라 variables을 얻을 수 있는 중요한 도구로 활용할 수 있다.

2. 현재 URL 주소 확보하기

단순히 현재 URL 주소를 확보하고 싶다면 useLocation을 사용하거나, window.location.pathname 등을 사용할 수 있다.

const currentURL = window.location.pathname;

const currentURL = useLocation();

3. query String을 통한 변수 확보하기

queryString을 이용한다면 URL에 입력한 변수를 확보할 수 있다.
이는 useParams를 통해서도 확보할 수 있다.

query string 관련 - URL에서 변수 확보하기

관련 참조 링크

4. 참조 링크

https://velog.io/@yiyb0603/React-Router-dom%EC%9D%98-%EC%9C%A0%EC%9A%A9%ED%95%9C-hooks%EB%93%A4