# useSearchParams
useSearchParams를 이용한 query string 여러개 구현
프로젝트로 명품 대여 서비스 사이트 구현중인데 카테고리, 브랜드 필터링이 필요해서 이런식으로 url 구현이 필요했다. useSearchParams를 이용하면 쉽게 구현할 수 있다기에 카테고리를 일단 필터링 해봄 Filters.jsx 받아올 쿼리스트링이 늘어나
[React] 쿼리 스트링(Query String)
URL의 한 부분으로서, 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용 (구체적으로 더 정렬되고 특정된 형태의 정보를 요청) 형태 쿼리스트링: key=value 형태의 문자열로 표현 (key=value 페어의 개수 제한은 없음) ? : 쿼리스트링의

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

[TIL] 리액트 쿼리스트링
URL의 한 부분으로 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶은 경우 사용http://myhomepage.com/products?sort=popular&sort=newurl에서 ?를 통해 쿼리스트링이 시작된다는 표현을 할 수 있다 쿼리스트링은 ke
개념 - React Router2
Path Variable - 경로 변수, url에 있는 숫자 번호들ex) /diary/1 , /diary/2useParams로 관리QueryString - ? 키워드 뒤에있는것 가져옴ex) /edit?id=10&mode=darkuseSearchParams로 관리링크 뒤
[리액트를 다루는 기술] useSearchParams를 이용한 URL 쿼리스트링 관리
배열 타입 반환첫 원소쿼리파라미터를 조회하거나 수정하는 매서드들이 담긴 객체 반환get 메서드: 쿼리파라미터 조회set 매서드: 쿼리파라미터 업데이트쿼리 파라미터가 존재하지 않는다면 null로 조회두 번째 원소쿼리파라미터를 객체 형태로 업데이트 할 수 있는 함수 반환쿼

Query String feat. useLocation & useSearchParams
우리가 웹 페이지를 돌아다니다 보면 어떤 상품이나 정보가 리스트로 나열 되어있는 것을 볼 수 있다. 만약 1억 개가 넘어가는 리스트가 있다면 우리는 쉽게 그 리스트를 볼수 없을것이다. 이때 Query String은 그 리스트를 최신순, 평점순 등 구체적인 요청이 가능하

React - ROUTER v6
SPA (Single-page application)=> 새로고침되지 않고 컴포넌트가 교체되는 듯하게 페이지 이동이 가능CSR (Client Side Rendering)=> 사용자가 필요할 때 데이터를 가져오기때문에 매번 서버에 요청하지 않아도 됨React에서 CSR기