PARSERBUILDERCONVERSION

URL 파서 & 빌더

복잡한 URL 주소를 프로토콜, 호스트, 패스, 쿼리 파라미터별로 시각적으로 분해하고 실시간 편집 조합합니다.

전체 URL (Full URL)

URL 구조 분해 편집

Protocol

Hostname

Port

Path

Hash (Anchor)

쿼리 파라미터 (Query Parameters)

도구 설명 및 사용 방법

복잡한 URL 주소를 각 구성 요소(프로토콜, 도메인, 패스, 해시, 쿼리 스트링)별로 해체하여 보여주고, 파라미터 테이블의 실시간 추가 및 수정을 통해 URL을 새로 조합합니다. 디버깅과 링크 조작에 필수입니다.

사용 단계

상단의 전체 URL 입력란에 분석하려는 주소를 기입합니다.

하단 테이블에 자동으로 쪼개져 나온 쿼리 파라미터의 키와 값을 실시간으로 자유롭게 편집합니다.

필요시 "매개변수 추가" 버튼을 누르거나 "휴지통" 버튼으로 요소를 삭제합니다.

조합이 완료된 전체 URL을 복사하여 즉시 개발에 활용합니다.

작동 원리 및 상세 설명

URL은 프로토콜, 인증 정보, 호스트, 포트, 경로, 쿼리, 프래그먼트로 구성됩니다. 브라우저의 URL API (또는 WHATWG URL 표준)를 사용하면 이 구성 요소들을 안전하고 정확하게 분해하고 재조립할 수 있습니다. 쿼리 파라미터는 URLSearchParams로 다루는 것이 인코딩/디코딩 오류를 방지하는 가장 안전한 방법입니다. 실무에서는 OAuth 콜백, 추적 파라미터(UTM), 리다이렉트, 공유 링크, API 요청 URL 등을 분석하고 조작할 일이 매우 많습니다. 이 도구는 그런 작업을 시각적이고 실시간으로 지원합니다. 모든 파싱과 재구성이 브라우저 로컬에서 이루어지므로, 인증 토큰이나 내부 서비스 URL이 포함된 주소도 외부에 노출되지 않고 안전하게 분석할 수 있습니다.

자주 묻는 질문 (FAQ)

해시(#fragment)는 서버로 전송되나요?

아닙니다. 프래그먼트(해시)는 브라우저에서만 처리되며, HTTP 요청 시 서버로 전송되지 않습니다. 클라이언트 측 라우팅(SPA)이나 페이지 내 앵커 이동에 주로 사용됩니다.

인코딩된 파라미터 값이 자동으로 디코딩되나요?

네. 테이블에 표시될 때는 decodeURIComponent로 읽기 쉽게 표시됩니다. URL을 다시 조립할 때는 필요에 따라 다시 인코딩됩니다. 원본 인코딩된 값을 보고 싶다면 입력창 상단의 원본 URL을 참고하세요.

분석 중인 URL이 외부로 전송되나요?

전송되지 않습니다. 모든 파싱과 재조립은 브라우저의 URL API와 간단한 파서로 로컬에서 수행됩니다. 내부 링크나 인증 토큰이 포함된 URL도 안전하게 분석할 수 있습니다.

코드 사용 예시

OAuth 콜백 URL이나 추적 링크 분석 및 재구성

javascript

// 복잡한 추적 파라미터가 붙은 URL을 분석
const url = 'https://example.com/page?utm_source=google&utm_campaign=sale#section';

// 도구로 파라미터를 편집한 후 새 URL 생성
// 또는 코드에서 URLSearchParams로 안전하게 조작
const u = new URL(original);
u.searchParams.set('utm_source', 'newsletter');
console.log(u.toString());

마케팅 링크, OAuth state, 추적 파라미터, 리다이렉트 URI 등을 분석하고 안전하게 수정하는 데 매우 유용한 도구입니다.