URLSearchParams로 쿼리 스트링 쉽게 다루기

문제

 return ${location.pathname}?orderBy=${newOrderBy}

쿼리 스트링 값이 바뀔 때마다 새로운 url을 만드는 과정에서 위와 같이 직접 넣어주었더니, 똑같은 키의 쿼리 스트링이 변경될 때마다 url의 뒤에 계속해서 쿼리 스트링이 추가되는 문제가 발생했다.

해결 방법

URLSearchParams

set 메서드 외에도, append, delete 등 유용한 메서드가 많아서 앞으로도 유용하게 활용할 수 있을 듯 하다.