[JS] 브라우저 URL에서 매개변수 값 추출하기 [JavaScript의 URLSearchParams 활용]

---

- 브라우저 URL에서 매개변수 값 추출하기

웹 애플리케이션을 개발하다보면 종종 현재 페이지 URL에서 특정 매개변수 값을 추출해야 할 때가 있다. 이를 위해서는 JavaScript를 사용하여 URL을 파싱하고 필요한 정보를 추출해야 한다.

이번 글에서는 JS의 URLSearchParams 객체를 활용하여 브라우저 URL에서 매개변수 값을 추출해 볼 것이다. 이 객체를 사용하면 URL의 쿼리 문자열을 쉽게 파싱하여 매개변수 값을 가져올 수 있다.

---

아래는 getValueFromPreviousPage 함수를 통해 이전 페이지에서 특정 매개변수 값을 가져오는 예제이다.
이 함수는 페이지가 로드될 때 실행되어 이전 페이지에서 전달된 매개변수 값을 추출하고, 해당 값이 존재하면 추가적인 작업을 수행한다.

---

// 이전 페이지에서 특정 매개변수 값 가져오기
function getValueFromPreviousPage() {
    var urlParams = new URLSearchParams(window.location.search);
    var specificValue = urlParams.get('specificParam'); // 이전 페이지에서 전달된 매개변수 이름
    if (specificValue) {
        // 이전 페이지에서 전달된 값이 존재하는 경우
        console.log('이전 페이지에서 전달된 값:', specificValue);
        // 이 값을 사용하여 추가적인 작업 수행
    } else {
        // 전달된 값이 없는 경우 또는 다른 로직을 수행하고 싶을 때
        console.log('이전 페이지에서 전달된 값이 없습니다.');
    }
}

// 페이지 로드 시 실행
window.onload = function() {
    // 이전 페이지에서 값 가져오기
    getValueFromPreviousPage();
};

---