🔗

URL 인코딩 디코딩

URL 문자열을 즉시 인코딩하거나 디코딩합니다. 구성 요소 수준 및 전체 URL 인코딩을 지원합니다. 모든 것은 브라우저에서 실행됩니다 · 서버 없음, 추적 없음.

개발자 도구 로컬에서 실행 데이터 전송 없음
encodeURIComponent decodeURIComponent 클라이언트 측 전용 추적 없음
인코딩 범위:
일반 텍스트
->
URL 인코딩됨
💡
컴포넌트 인코딩 사용합니다 encodeURIComponent · 다음을 포함한 모든 특수 문자를 인코딩합니다 / ? # & =, 쿼리 매개변수 값에 적합합니다. 전체 URI 인코딩 사용합니다 encodeURI · 전체 URL에서 유효한 문자를 보존합니다(예: / ? # & =, 전체 URL을 인코딩하는 데 적합합니다.

URL 인코딩이란 무엇인가요?

URL 인코딩은 예약되었거나 안전하지 않은 문자를 퍼센트 인코딩 시퀀스로 변환하여 URL 내에서 안전하게 전송할 수 있도록 합니다. 일반적으로 공백이나 특수 문자가 포함된 쿼리 문자열, 경로 세그먼트, 리디렉션, 매개변수에 사용됩니다.

이 URL 인코더/디코더를 사용하는 이유는 무엇인가요?

URL을 구축하거나 디버깅할 때 퍼센트 인코딩된 문자를 수동으로 세는 것은 오류가 발생하기 쉽습니다. 이 도구는 브라우저에서 즉시 인코딩하거나 디코딩합니다. 폼 제출이나 서버 왕복 통신이 필요하지 않습니다. 또한 다음을 구분합니다 encodeURI (전체 URL) 및 encodeURIComponent (단일 매개변수) 의미 체계를 지원하며, 대부분의 단순 인코더는 지원하지 않습니다.

  • 즉시 출력: 입력하는 즉시 결과가 표시되며 버튼을 누를 필요가 없습니다.
  • 전체 URL 지원: 전체 URL을 붙여넣고 퍼센트 인코딩된 모든 세그먼트를 한 번에 디코딩하세요.
  • 서버 왕복 없음: 인코딩과 디코딩은 브라우저에서 로컬로 수행됩니다.
  • 개발자 친화적: 쿼리 문자열, 리디렉션 URI, API 매개변수 디버깅에 유용합니다.

URL 인코더 / 디코더 사용 방법

  1. 변환할 URL 문자열 또는 매개변수를 붙여넣으세요.
  2. URL에 사용할 문자열을 준비할 때는 인코딩을, 퍼센트 인코딩된 텍스트를 확인할 때는 디코딩을 선택하세요.
  3. 결과를 쿼리 문자열, 리디렉션, API 요청 또는 디버깅 작업에 사용하세요.
  4. 변환된 값을 대상 앱이나 요청에 복사하세요.
URL 인코더/디코더 이해하기 ▾
예시
입력 hello world & more=yes
출력 hello%20world%20%26%20more%3Dyes
일반적인 사용 사례
  • URL에 추가하기 전에 쿼리 문자열 매개변수 인코딩
  • 로그 파일의 퍼센트 인코딩된 URL 디코딩
  • 이중 인코딩된 URL 수정
이 도구를 사용하는 이유
  • 공백과 예약 문자로 인해 발생하는 깨진 URL을 방지합니다.
  • 리디렉션, 쿼리 문자열, 인코딩된 API 페이로드 디버깅에 유용합니다.
  • 브라우저에서 원본 값과 인코딩된 값을 빠르게 비교할 수 있습니다.
자주 묻는 질문
encodeURI와 encodeURIComponent의 차이는 무엇인가요?

encodeURI는 전체 URL용이며 :, /, ?, # 같은 구분자를 그대로 둡니다. encodeURIComponent는 쿼리 값과 같은 개별 부분용이며 훨씬 많은 문자를 인코딩합니다.

공백이 %20 또는 +로 인코딩되는 이유는 무엇인가요?

%20은 표준 퍼센트 인코딩입니다. +는 주로 application/x-www-form-urlencoded 폼 제출에서 사용됩니다. 이 도구는 기본적으로 %20을 출력합니다.

전체 URL을 한 번에 디코딩할 수 있나요?

예. 전체 URL을 붙여넣고 디코딩하면 모든 퍼센트 인코딩된 부분을 한 번에 확인할 수 있습니다.

application/x-www-form-urlencoded란 무엇인가요?

HTML 폼 제출에 사용되는 인코딩 형식이며, 공백은 +로 표시될 수 있습니다. 일반 URL 구성 요소에는 %20이 더 안전한 표준 형식입니다.