URL을 붙여넣으면 브라우저 내장 URL API로 프로토콜·호스트·포트·경로·쿼리스트링·해시(fragment) 등 각 구성요소로 즉시 분해합니다. 쿼리 파라미터는 키-값 표로 정리하고, 각 값의 원문(raw)과 퍼센트 디코드된 형태를 함께 보여줍니다.
URL은 scheme://user:pass@host:port/path?query#hash 형태로 구성됩니다. scheme(프로토콜)은 http, https, ftp 등 자원 접근 방식을 나타내고, host는 서버 도메인 또는 IP, port는 접속 포트(생략 시 프로토콜별 기본 포트가 적용됨: http=80, https=443), path는 서버 내 자원 위치, query는 서버로 전달하는 키-값 파라미터, hash(fragment)는 브라우저에서만 쓰이고 서버로는 전송되지 않는 문서 내 위치 정보입니다. 이 도구는 이 모든 부분을 브라우저 표준 URL API로 정확히 분해해 보여줍니다.
URL의 쿼리스트링에는 공백·한글·특수문자를 안전하게 담기 위해 퍼센트 인코딩(예: 공백은 %20 또는 +, 한글은 UTF-8 바이트를 %XX로 표기)이 적용됩니다. 브라우저의 URLSearchParams는 이 인코딩을 자동으로 해제(디코드)해 사람이 읽을 수 있는 값으로 돌려줍니다. 이 도구는 원문(raw, URL에 실제로 적힌 그대로)과 디코드된 값을 나란히 보여줘서, 인코딩이 이중으로 되어 있거나 예상과 다른 문자가 들어있는 경우를 빠르게 발견할 수 있게 합니다.
URL에 포트가 명시되지 않으면 프로토콜별 기본 포트가 암묵적으로 적용됩니다(http는 80, https는 443, ftp는 21 등). 브라우저의 URL.port 속성은 기본 포트일 때 빈 문자열을 반환하므로, 이 도구는 기본 포트인 경우 그 사실을 명시적으로 표시합니다. 오리진(origin)은 protocol + hostname + port(비표준일 때만)의 조합으로, CORS·쿠키·localStorage 등 브라우저 보안 정책의 기준 단위가 되는 중요한 개념입니다.