DevUtils
기술 가이드

URL 인코더 / 디코더

New

온라인 무료 URL 인코더 및 디코더. encodeURIComponent 및 encodeURI 지원.

일반 텍스트 / URL
인코딩 결과
결과가 여기에 표시됩니다...

도구 소개

URL 인코딩(퍼센트 인코딩, Percent-Encoding)은 URL에 안전하게 포함할 수 없는 문자들을 % 기호와 2자리 16진수 코드로 변환하는 기술입니다. 예를 들어 공백은 %20으로, &는 %26으로 변환됩니다. URL 구조에서 특수 의미를 지닌 예약 문자와 충돌을 방지하고 쿼리 스트링, 경로, 폼 데이터를 정상 전송하기 위해 필수적입니다. 이 도구는 개별 파라미터 값에 적합한 encodeURIComponent와 전체 URL 구조를 유지하는 encodeURI 방식을 모두 지원합니다.

심층 엔지니어링 기술 가이드

URL 퍼센트 인코딩(RFC 3986) 표준과 encodeURI vs encodeURIComponent 완벽 비교

RFC 3986 URI 표준 사양, 쿼리 스트링에서의 "+" 기호와 "%20" 공백 혼선 방지, UTF-8 멀티바이트 인코딩 원리, JavaScript 전역 인코딩 함수의 올바른 활용법을 정리합니다.

전체 가이드 읽기

사용 방법

  1. 1입력 창에 인코딩하거나 디코딩할 텍스트 또는 URL을 붙여넣습니다.
  2. 2파라미터 값 변환 시에는 encodeURIComponent, 전체 URL 주소 변환 시에는 encodeURI를 선택합니다.
  3. 3실시간으로 변환된 결과를 확인하고 복사 버튼을 눌러 사용합니다.
  4. 4"디코딩" 탭을 선택하면 퍼센트 인코딩된 문자열을 사람이 읽을 수 있는 원래 텍스트로 되돌릴 수 있습니다.

자주 묻는 질문 (FAQ)

encodeURI와 encodeURIComponent의 차이점은 무엇인가요?
encodeURI는 완전한 URL을 대상으로 하며, URL의 문법 구조를 형성하는 문자(/, :, ?, #, @, & 등)는 인코딩하지 않고 보존합니다. 반면 encodeURIComponent는 URL 내 특정 파라미터 값을 대상으로 하므로 /, ? 등 예약 문자까지 모두 퍼센트 코드로 변환합니다. 사용자가 입력한 검색어나 쿼리 값을 URL에 붙일 때는 반드시 encodeURIComponent를 사용해야 합니다.
공백이 %20으로 표시될 때와 +로 표시될 때의 차이는 무엇인가요?
표준 URL 규격(RFC 3986)에 따르면 공백은 %20으로 인코딩됩니다. 반면 HTML 웹 폼 전송 시 사용하는 application/x-www-form-urlencoded 규격에서는 역사적으로 공백을 +로 표현해 왔습니다. 대부분의 최신 웹 서버는 둘 다 해석할 수 있지만, 표준적으로는 %20이 더 권장됩니다.
어떤 문자들은 인코딩되지 않나요?
영문 알파벳 대소문자(A-Z, a-z), 숫자(0-9), 그리고 특수기호 -, _, ., ~는 예약되지 않은 안전한 문자(Unreserved Characters)로 분류되어 퍼센트 인코딩을 거치지 않습니다.
URL 디코딩은 언제 주로 사용되나요?
브라우저 주소창에서 복사해 %20이나 한글 깨짐 코드로 가득 찬 URL을 읽기 쉬운 한글 텍스트로 복원할 때, API 호출 시 이중 인코딩된 파라미터를 디버깅할 때, 또는 리다이렉트 URL 속에 중첩된 목적지 URL을 추출할 때 유용합니다.