본문으로 건너뛰기

무료 URL 인코더 및 디코더

URL과 쿼리 문자열을 인코딩하고 디코딩합니다. encodeURIComponent, decodeURIComponent 및 쿼리 문자열 구문 분석을 지원합니다.

한 번 로드하면 오프라인에서도 작동
인코딩 모드

모든 예약 문자를 인코딩합니다 — 쿼리 값과 경로 세그먼트에 가장 좋습니다.

주요 용도

  • API용 URL 매개변수 인코딩API 요청 URL에 추가하기 전에 쿼리 문자열 매개변수를 안전하게 인코딩합니다.
  • 이메일 링크용 URL 인코딩이메일 캠페인을 위한 클릭 안전 링크를 만듭니다 — 모든 이메일 클라이언트에서 링크가 살아남도록 특수 문자를 인코딩합니다.
  • 소셜 공유용 URL 인코딩Twitter, Facebook 및 LinkedIn 공유 버튼을 위해 미리 채워진 텍스트, 해시태그 및 링크가 있는 URL을 준비합니다.
  • 복잡한 쿼리 문자열 인코딩여러 매개변수를 사용하여 쿼리 문자열을 작성하고 인코딩합니다. 모든 URL에 추가할 준비가 완료되었습니다.
  • Webhook 콜백용 URL 인코딩서드파티 서비스 및 OAuth 플로우에 매개변수로 전달되는 콜백 URL을 인코딩합니다.

사용 방법

URL 인코딩과 디코딩은 JavaScript 내장 전역 함수 encodeURIComponent, encodeURI, decodeURIComponent를 사용해 서드파티 라이브러리나 네트워크 요청 없이 전적으로 브라우저에서 실행됩니다. 도구는 브라우저 기본 URL API도 사용해 쿼리 문자열 매개변수를 파싱하고 키-값 표로 표시합니다.

  1. 1
    인코딩 모드 선택
    세 가지 모드가 실제 사용 사례에 대응합니다. "구성 요소"는 encodeURIComponent를 호출해 예약되지 않은 문자를 제외한 모든 것을 이스케이프하며, 개별 쿼리 값에 적합합니다. "전체 URL"은 encodeURI를 호출해 스킴, 슬래시, 도메인을 그대로 둡니다. "폼"은 encodeURIComponent를 사용한 뒤 %20을 +로 바꿔 HTML 폼이 보내는 application/x-www-form-urlencoded 형식과 맞춥니다.
  2. 2
    클릭 한 번으로 인코딩 또는 디코딩
    인코딩은 텍스트를 선택한 함수에 통과시켜 퍼센트 인코딩된 결과를 표시합니다. 디코딩은 decodeURIComponent를 호출합니다(폼 모드에서는 +를 공백으로 변환). 연속 바이트가 없는 %E0처럼 잘못된 퍼센트 시퀀스는 오류로 중단되지 않고 잡혀서 인라인 오류로 표시됩니다.
  3. 3
    URL API로 쿼리 문자열 파싱
    "매개변수 파싱" 작업은 입력을 브라우저 기본 URL 생성자로 감싸고 url.searchParams를 순회해 각 키-값 쌍을 추출합니다. URL 생성자가 입력을 거부하면 직접 작성한 대체 방식이 &와 =로 나누고 각 토큰을 safeDecode로 처리하므로, 일부만 있거나 원시 형태의 쿼리 문자열도 읽을 수 있는 표로 만들어집니다.
  4. 4
    결과 복사
    인코딩되거나 디코딩된 텍스트는 고정폭 출력 블록에 나타납니다. 복사 버튼은 Clipboard API로 클립보드에 씁니다. 어떤 시점에도 아무것도 기기를 떠나지 않습니다.

관련 도구

자주 묻는 질문