3월23일 TIL

URL 쿼리스트링 값 가져오는법

몇가지 방법이 있는데 직접 적용해본 방법으로 작성예정

1. 현재의 URL을 변수에 담는다
2. 담은 객체의 search라는 값을 URLSearchParams() 안에 매개변수에 파라미터로 넣는다
3. 그 값을 .get으로 쿼리의 key값을 문자열로 넣는다

const urlSearchObj = new URL(window.location.href);
const urlParams = new URLSearchParams(urlSearchObj.search);
const navigateParams = urlParams.get("brand");

• Tab 컴포넌트가 URL을 이동시킬때 쿼리를 의존하면서 이동하기때문에 사용한방법임