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
구성 요소 설명
-
Protocol (
https:)- 통신 프로토콜 (http, https, ftp 등)
-
Hostname (
example.com)- 도메인 이름 또는 IP 주소
-
Port (
:8080)- 포트 번호 (기본값: HTTP는 80, HTTPS는 443)
-
Pathname (
/search)- 리소스 경로
-
Query Parameters (
?q=javascript&sort=date&page=2)- 물음표(?) 뒤의 key=value 쌍
- 여러 파라미터는 앰퍼샌드(&)로 구분
-
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 | 물음표 |
사용 시나리오
- API 테스트: API 엔드포인트 URL 분석
- 디버깅: URL 파라미터 오류 확인
- SEO 분석: URL 구조 검토
- 개발: URL 파싱 로직 테스트
- 교육: URL 구조 이해