AZ Tools

URL 파서

개발

아무 URL이나 붙여넣으면 부분별로 라벨 표시 — 프로토콜·origin·호스트명·포트·경로·검색 문자열·프래그먼트. 자격증명(user:pass@)도 별도 표시. 쿼리 파라미터는 디코딩해 키/값 행으로 — 중복·인코딩 확인 용이. 브라우저 WHATWG URL 파서 사용(Fetch·XHR과 동일) — 보이는 그대로 코드가 받는 값.

프로토콜

https:

Origin

https://example.com:8080

호스트명

example.com

포트

8080

경로

/path/to/page

쿼리 문자열

?q=hello&lang=en

해시

#section

사용자명

user

비밀번호

pass

쿼리 파라미터

qhello
langen

브라우저 네이티브 URL API 사용.

사용법

  1. URL 붙여넣기(스킴 필수, 예: https://).
  2. 각 부분 확인 후 개별 복사.
  3. 쿼리 파라미터 표에서 각 값 검증.

자주 묻는 질문

입력이 왜 실패하나요?
URL에는 스킴 필요. `example.com/path`는 파싱 불가, `https://example.com/path`는 OK. 상대 경로·프로토콜 상대 URL(`//example.com`)도 파싱 안 됨.
https://example.com의 port가 왜 비어있나요?
프로토콜 기본 포트(http=80, https=443)이면 `URL.port`는 의도적으로 빈 문자열. 실제론 443에 연결됨.
쿼리 파라미터는 디코딩되나요?
예. `%20`은 공백, `%2F`는 `/`로 표시. 키·값 복사 시 디코딩된 형태. percent-encoded 원문이 필요하면 `search` 보기.
URL이 어디로 전송되나요?
아니요. 파싱은 브라우저 내 WHATWG URL API로만.

관련 도구