跳至主內容

URL 파라미터 파서

URL을 분석하여 파라미터를 추출하고 구조화하여 표시합니다.

Loading...

주요 기능

  • URL 구성 요소 분석: Protocol, Hostname, Port, Path, Hash 등
  • 쿼리 파라미터 추출: 모든 key=value 쌍을 테이블로 표시
  • 인코딩/디코딩: URL 인코딩된 값 확인
  • 복사 기능: 각 파라미터 값을 클립보드에 복사
  • 예시 URL 제공: 샘플 URL로 빠른 테스트

URL의 구조

https://example.com:8080/search?q=javascript&sort=date&page=2#results
↓ ↓ ↓ ↓ ↓ ↓
protocol hostname port path query params hash

구성 요소 설명

  1. Protocol (https:)

    • 통신 프로토콜 (http, https, ftp 등)
  2. Hostname (example.com)

    • 도메인 이름 또는 IP 주소
  3. Port (:8080)

    • 포트 번호 (기본값: HTTP는 80, HTTPS는 443)
  4. Pathname (/search)

    • 리소스 경로
  5. Query Parameters (?q=javascript&sort=date&page=2)

    • 물음표(?) 뒤의 key=value 쌍
    • 여러 파라미터는 앰퍼샌드(&)로 구분
  6. Hash (#results)

    • 프래그먼트 식별자, 페이지 내 특정 위치

쿼리 파라미터 형식

기본 형식

?key=value

여러 파라미터

?key1=value1&key2=value2&key3=value3

배열 형식

?color=red&color=blue&color=green

인코딩이 필요한 경우

?name=John+Doe&message=Hello%20World%21

URL 인코딩

특수 문자는 URL에서 그대로 사용할 수 없어 인코딩이 필요합니다:

문자인코딩설명
공백%20 또는 +스페이스
!%21느낌표
#%23해시
$%24달러
%%25퍼센트
&%26앰퍼샌드
=%3D등호
?%3F물음표

사용 시나리오

  1. API 테스트: API 엔드포인트 URL 분석
  2. 디버깅: URL 파라미터 오류 확인
  3. SEO 분석: URL 구조 검토
  4. 개발: URL 파싱 로직 테스트
  5. 교육: URL 구조 이해

예시 URL

검색 페이지

https://search.example.com/results?q=javascript&category=tutorial&sort=date&page=1

필터가 있는 쇼핑몰

https://shop.example.com/products?category=electronics&brand=samsung&price_min=100&price_max=500

추적 파라미터가 있는 마케팅 링크

https://example.com/page?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale

OAuth 콜백 URL

https://app.example.com/callback?code=abc123&state=xyz789

주의사항

  • 민감한 정보(비밀번호, 토큰 등)를 URL 파라미터에 노출하지 마세요
  • URL 길이 제한이 있습니다 (브라우저마다 다름, 일반적으로 2000자)
  • 특수 문자는 반드시 인코딩해야 합니다
  • POST 요청으로 대용량 데이터를 전송하는 것이 더 안전합니다

관련 도구