tigtools

URL 파서

URL을 붙여넣으면 각 구성 요소와 디코딩된 쿼리 매개변수 표를 확인할 수 있습니다. 매개변수를 수정한 다음 새로 만든 URL을 복사하세요.

브라우저에서 실행 가입 불필요

사용 방법

  1. https:// 또는 다른 스킴을 포함한 전체 URL을 붙여 넣으세요.
  2. 구성 요소 표를 확인하세요. 호스트 이름이나 경로처럼 원하는 항목은 복사 버튼으로 복사할 수 있습니다.
  3. 쿼리 매개변수를 확인하세요. 값은 디코딩되어 원래 순서대로 표시되며, 이름이 같은 항목도 유지됩니다.
  4. 매개변수를 수정하거나 추가 또는 삭제한 다음, 다시 만든 URL을 복사하세요.

작동 방식

이 도구는 브라우저에 내장된 URL 파서(WHATWG URL Standard)를 사용하므로, 브라우저에서 링크를 열 때와 같은 결과를 제공합니다. URL도 같은 방식으로 정규화합니다. 스킴과 호스트 이름은 소문자로 바뀌고, https의 443처럼 기본 포트는 제거되며, /a/../b와 같은 경로는 정리됩니다.

표시되는 항목은 프로토콜(스킴), URL에 인증 정보가 있을 때의 사용자 이름과 비밀번호, 포트가 포함된 호스트, 호스트 이름만, 포트, 경로, ?로 시작하는 쿼리 문자열, #으로 시작하는 프래그먼트, 그리고 브라우저가 동일 출처 보안 검사를 위해 사용하는 출처(스킴, 호스트, 포트)입니다. 비밀번호는 눈 모양 버튼을 클릭할 때까지 숨겨집니다.

쿼리 매개변수는 URLSearchParams로 읽습니다. 값은 퍼센트 디코딩되며, HTML 폼 제출과 마찬가지로 +는 공백으로 처리됩니다. size=42&size=43처럼 여러 번 나타나는 매개변수는 많은 서버가 목록으로 읽기 때문에 각각 별도의 항목으로 원래 순서대로 표시됩니다.

매개변수를 수정하면 URLSearchParams로 쿼리 문자열을 다시 만듭니다. 이 과정에서 수정하지 않은 부분의 표기가 달라질 수 있습니다. 공백은 +로 표시되고, ' 또는 ~ 같은 문자는 다른 방식으로 이스케이프될 수 있습니다. 폼 인코딩된 쿼리를 읽는 서버에서는 의미가 동일합니다.

ASCII가 아닌 문자가 포함된 호스트 이름(국제화 도메인 이름)은 URL 파서에서 punycode로 변환됩니다. 예를 들어 münchen.de는 xn--mnchen-3ya.de가 됩니다. 이 도구는 두 형식을 모두 표시합니다.

예시

추적 매개변수 확인하기

https://example.com/?utm_source=newsletter&utm_medium=email&utm_campaign=spring+sale와 같은 캠페인 링크를 붙여 넣으면 각 utm_ 값을 디코딩해 표시합니다(“spring sale”). 필요 없는 항목을 삭제한 뒤 정리된 링크를 복사하세요.

리디렉션 URL 디버깅하기

로그인 링크에 redirect=https%3A%2F%2Fapp.example.com%2Fdashboard%3Ftab%3D2가 포함되어 있습니다. 매개변수 표에 디코딩된 값 https://app.example.com/dashboard?tab=2가 표시되므로 사용자가 이동할 위치를 정확히 확인할 수 있습니다.

CORS 출처 확인하기

https://api.example.com:8443/v1/users?id=7의 출처는 https://api.example.com:8443입니다. 이 문자열과 정확히 일치하는 값(경로나 끝의 슬래시 제외)이 Access-Control-Allow-Origin 헤더에 지정되어야 합니다.

자주 묻는 질문

호스트와 호스트 이름은 어떻게 다른가요?

호스트 이름은 도메인이나 IP 주소만을 뜻합니다(example.com). 호스트에는 URL에 기본값이 아닌 포트가 지정된 경우 포트도 포함됩니다(example.com:8443). https://example.com:443/에서는 443이 https의 기본 포트라 제거되므로 호스트와 호스트 이름이 모두 example.com입니다.

URL에 스킴이 없다는 오류가 표시되는 이유는 무엇인가요?

https://와 같은 스킴이 없으면 “example.com/page”는 절대 URL이 아닙니다. “example.com:8080”은 스킴이 “example.com”인 URL로 해석되기도 합니다. 이 도구에서 https://를 자동으로 추가할 수 있습니다.

매개변수 값에서 +가 공백으로 표시되는 이유는 무엇인가요?

쿼리 문자열은 일반적으로 폼 데이터(application/x-www-form-urlencoded)로 읽으며, 여기서 +는 공백을 의미합니다. 더하기 기호 자체를 전달하려면 %2B로 보내야 합니다. URLSearchParams와 대부분의 서버 프레임워크가 이 방식으로 처리합니다.

이름이 같은 매개변수는 어떻게 처리되나요?

모든 항목이 원래 순서대로 유지되며 각각 별도의 행에 표시됩니다. 행을 삭제하면 해당 항목만 제거됩니다.

punycode란 무엇인가요?

DNS는 ASCII 호스트 이름만 지원하므로 국제화 도메인 이름은 xn--로 시작하는 레이블로 인코딩됩니다. 예를 들어 bücher.example은 xn--bcher-kva.example로 전송됩니다. 브라우저 주소 표시줄에는 일반적으로 읽기 쉬운 형식이 표시됩니다.

개인정보 보호

URL은 브라우저에 내장된 URL 파서로 처리됩니다. URL에 요청을 보내지 않으며, 붙여넣은 내용은 업로드되거나 저장되거나 분석 데이터에 포함되지 않습니다.