# searchParams

hyo123

Typescript를 사용하며 axios get 요청에 params를 넣어 보내면MSW에서 req.params가 빈객체로 나온다...URLSearchParams 를 사용해 변수에 담고 get 을 사용해 key값을 입력해주면 해당 key의 value를 불러오는 것이 가능

sangheon-k

note) searchParams.remove 메서드의 경우 키값에 해당하는 모든 value가 삭제되므로 체크 토글기능 구현의 어려움이 있음.따라서 위와같이 커스텀 로직으로 해당 기능을 구현하게 됨.//gif

sangheon-k

URL의 한 부분으로 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶은 경우 사용http://myhomepage.com/products?sort=popular&sort=newurl에서 ?를 통해 쿼리스트링이 시작된다는 표현을 할 수 있다 쿼리스트링은 ke

qkrtjdtn97

useParams가 path Parameter를 활용해 React이 동적라우팅을 도와줬다면,useSearchParams는 Query Parameter를 활용한 React동적 라우팅을 도와주는 훅이다.우선 다음과 같이 사용한다.쿼리스트링을 이용한 api에는 ?로 Quer

hoje15v

React를 이용할 때 또다른 유명한 library중 React-Router가 있다. React-Router는 React에서 CSR 기반의 page routing을 할 수 있게 해주는 라이브러리이다. 여기서 CSR은 뭐고, page routing은 뭘까? 아래에서