url params

url params, 즉 url 매개변수는 웹 주소의 일부로, 데이터를 전달하는데 사용된다.

 

일반적으로 key=value의 형태로 url에 붙여서 사용.

 

예시)

https://www.example.com/search?name=apple&id=2 

 

위 url에서는 두개의 매개변수가 포함되어 있다.

 

name = apple과 id = 2

 

이런 방식으로 전달된 데이터는 주로, 

• 검색 키워드
• 페이지
• 필터 및 정렬

등으로 사용할 수 있다.

 

 

JS에서 사용하는 예시

// 현재 URL 가져오기
var url = new URL(window.location.href);

// URLSearchParams 객체 생성
var params = new URLSearchParams(url.search);

// 매개변수 읽기
var searchQuery = params.get('name');
var idNumber = params.get('id');

// 매개변수 값 출력
console.log('Search Query:', searchQuery);
console.log('Page Number:', pageNumber);

// 매개변수 수정
params.set('name', 'banana');
params.set('id', 3);

// 수정된 URL 생성
var newUrl = url.origin + url.pathname + '?' + params.toString();