PARSERBUILDERCONVERSION
URL 파서 & 빌더
복잡한 URL 주소를 프로토콜, 호스트, 패스, 쿼리 파라미터별로 시각적으로 분해하고 실시간 편집 조합합니다.
전체 URL (Full URL)
URL 구조 분해 편집
Protocol
Hostname
Port
Path
Hash (Anchor)
쿼리 파라미터 (Query Parameters)
=
=
=
도구 설명 및 사용 방법
복잡한 URL 주소를 프로토콜, 호스트, 패스, 쿼리 파라미터별로 시각적으로 분해하고 실시간 편집 조합합니다.
사용 단계
1
상단의 전체 URL 입력란에 분석하려는 주소를 기입합니다.
2
하단 테이블에 자동으로 쪼개져 나온 쿼리 파라미터의 키와 값을 실시간으로 자유롭게 편집합니다.
3
필요시 "매개변수 추가" 버튼을 누르거나 "휴지통" 버튼으로 요소를 삭제합니다.
4
조합이 완료된 전체 URL을 복사하여 즉시 개발에 활용합니다.
작동 원리 및 상세 설명
URL Parser & Builder는 W3C 표준 URL API 명세에 근거해 가동됩니다. 문자열을 URL 생성자 파서에 투입해 프로토콜, 호스트네임, 포트, 패스네임 문자열 영역을 분리하고, URLSearchParams 파서를 가동해 쿼리 스트링 값을 키-값 쌍 연관 배열로 환원하여 테이블 폼에 출력하고 양방향 연동(Binding)을 완성합니다.
자주 묻는 질문 (FAQ)
URL 파서에서 인코딩된 한글 주소 파라미터는 어떻게 해독되나요?
본 도구는 내부적으로 decodeURIComponent 함수를 이용해 주입된 주소를 자동 디코딩하여 한글 값을 평문으로 테이블 상에 깔끔히 보여주며, 수정 후 최종 URL 완성 시에는 다시 퍼센트 인코딩해 줍니다.
포트 번호나 해시(#) 플래그도 조작 가능한가요?
예, 포트 번호 분리와 주소창 최하단에 붙는 해시 파트(Hash/Anchor) 파라미터 영역도 수치 폼에 맞춰 직접 가독성 있게 제어할 수 있습니다.
코드 사용 예시
해체 분석 완료된 URL 구성 요소 데이터 예시
text
Protocol : https:
Hostname : toolbox-jet.com
Pathname : /sitemap.xml
Query : ?lang=ko&mode=dark
Hash : #section-8전체 주소 문자열이 규격에 맞추어 항목별 구조 분석(Parsing) 완료된 양식입니다.