URL 인코더 & 디코더

URL 인코딩이란?

URL 인코딩이란 URL에 사용할 수 없거나 특별한 의미를 가진 문자를, 모든 브라우저와 서버가 안전하게 주고받을 수 있는 형식으로 바꾸는 과정입니다. URL에는 영문자, 숫자, - _ . ~ 같은 몇 가지 기호로 이루어진 제한된 ASCII 문자만 사용할 수 있습니다. 공백, 한글과 같은 비라틴 문자, &나 = 같은 기호는 그대로 사용할 수 없어 다른 형태로 바꿔줘야 합니다.

이는 웹을 사용할 때 항상 일어나는 일입니다. 검색창에 "서울 맛집"을 입력하면, 이 문구가 공백으로 인해 둘로 쪼개지거나 한글이 깨지지 않고 하나의 값으로 서버에 정확히 전달되도록 변환되어야 합니다.

URL 디코딩이란?

URL 디코딩은 그 반대 과정입니다. 퍼센트 인코딩된 문자열을 원래의 읽을 수 있는 텍스트로 되돌립니다. 서버는 요청을 받으면 실제로 전송된 검색어, 파일명, 파라미터 값 등을 얻기 위해 URL을 디코딩합니다.

디코딩은 인코딩만큼이나 개발 업무에서 자주 필요합니다. 서버 로그, 브라우저 주소창, API 응답, 공유 링크 등에는 인코딩된 값이 흔히 나타납니다.

퍼센트 인코딩의 작동 원리

인코딩과 디코딩은 모두 같은 체계, 즉 퍼센트 인코딩(percent-encoding)에 기반합니다. URL에 그대로 쓸 수 없는 문자는 퍼센트 기호(%)와 그 문자의 16진수 값 두 자리로 대체됩니다. 공백은 %20, &는 %26, =는 %3D가 됩니다. 기본 ASCII 범위를 벗어난 문자(한글 등)는 먼저 UTF-8 바이트열로 변환된 뒤, 각 바이트가 개별적으로 인코딩되기 때문에 한 글자가 여러 개의 퍼센트 코드로 표현될 수 있습니다.

자주 등장하는 코드 몇 가지는 외워두면 유용합니다. 공백은 %20(쿼리 문자열에서는 + 도 사용), 슬래시는 %2F, 물음표는 %3F, 해시 기호는 %23, 앰퍼샌드는 %26, 퍼센트 기호 자체는 %25입니다.

쿼리 파라미터와 전체 URL 인코딩하기

쿼리 파라미터는 특히 주의가 필요합니다. 파라미터를 구분하는 ?, &, = 문자는 URL 구조 자체에서 의미를 갖기 때문입니다. 파라미터 값에 이 문자들이 인코딩되지 않은 채 포함되면 URL이 잘못 해석됩니다. 구조를 이루는 ?, &, =는 그대로 두고 값만 인코딩하면, URL 구조를 유지하면서도 임의의 텍스트를 안전하게 담을 수 있습니다.

전체 URL을 인코딩하는 것은 다른 작업으로, 경로의 슬래시를 포함한 모든 예약 문자가 인코딩됩니다. 이는 하나의 URL 전체를 다른 URL의 파라미터 값으로 삽입해야 할 때 유용합니다.

인코딩과 디코딩의 차이

두 작업은 정확히 반대되는 과정입니다. 인코딩은 읽을 수 있는 텍스트를 URL에서 안전한 퍼센트 인코딩 문자열로 바꾸고, 디코딩은 그 문자열을 원래 텍스트로 복원합니다. 데이터를 URL에 담아 보내기 전에는 인코딩하고, 받은 후에는 디코딩합니다.

이 URL 인코더·디코더 사용법

상단의 전환 버튼으로 인코딩 또는 디코딩을 선택한 뒤, 왼쪽 입력창에 텍스트를 붙여넣으세요. 입력하는 즉시 오른쪽에 결과가 나타나며, 버튼을 누르거나 페이지를 새로고침할 필요가 없습니다. 복사 버튼으로 결과를 클립보드에 복사하고, 지우기 버튼으로 입력을 비우고, 교환 아이콘으로 입력과 결과를 바꿔 반대 방향 변환에 활용할 수 있습니다.

자주 나오는 URL 인코딩 예시

자주 반복되는 패턴이 몇 가지 있습니다. 공백은 %20(폼 쿼리에서는 +)이 되고, 값 안의 앰퍼샌드는 %26이 됩니다. 파라미터로 쓰인 이메일 주소의 @는 %40으로 인코딩됩니다. 한글 등 비라틴 문자는 UTF-8 인코딩 특성상 한 글자당 여러 개의 퍼센트 코드로 늘어납니다.

개발자와 일반 사용자의 주요 활용 사례

개발자는 API 요청 작성, 리디렉션 URL 생성, 파라미터가 의도대로 전달되지 않는 문제 디버깅, 사용자 입력을 링크에 안전하게 삽입하는 작업 등에서 URL 인코더·디코더를 자주 사용합니다. 일반 사용자도 특수문자가 포함된 링크를 공유하거나, 이메일로 받은 알 수 없는 URL의 내용을 확인할 때 같은 필요성을 느낍니다.

개인정보 보호: 모든 처리는 브라우저에서

이 도구는 모든 변환을 사용자의 기기에서 실행되는 자바스크립트만으로 처리합니다. 입력한 텍스트는 어떤 서버로도 업로드, 전송, 기록, 저장되지 않으며, 서버 측 처리 과정 자체가 존재하지 않습니다. 민감한 쿼리 문자열이나 개인정보를 입력해도 브라우저 밖으로 나가는 일이 없습니다.