한눈에 보기
| 입력 | URL 또는 모든 텍스트 |
|---|---|
| 출력 | 퍼센트 인코딩된 텍스트, 또는 디코딩된 원본 |
| 두 가지 모드 | 전체 URL, 또는 단일 쿼리 값 |
| 실행 환경 | 100% 브라우저에서 실행 — 서버로 파일이 업로드되지 않음 |
| 가격 | 무료, 계정 및 가입 필요 없음 |
| 오프라인 | 첫 방문 후 오프라인에서도 작동 |
URL 인코딩과 디코딩의 원리
URL 인코딩은 웹에서 사용할 수 없는 한글이나 특수 문자를 브라우저가 이해할 수 있는 퍼센트 인코딩(Percent-encoding) 형식으로 변환하는 과정입니다. 이 도구는 자바스크립트의 encodeURIComponent 및 encodeURI 함수를 사용하여 웹 표준에 맞는 변환을 수행합니다.
모든 작업은 사용자의 브라우저 내부에서만 처리되므로, 민감한 API 키나 매개변수를 서버로 전송할 위험이 전혀 없습니다. 즉각적인 피드백을 통해 개발 및 디버깅 시간을 단축할 수 있습니다.
컴포넌트 변환과 전체 URL 변환의 차이
변환 시 목적에 맞는 옵션을 선택하는 것이 중요합니다. '컴포넌트(Component)' 옵션은 ?, &, =와 같이 URL에서 특별한 의미를 갖는 예약어까지 모두 변환합니다. 이는 쿼리 스트링의 매개변수 값(Parameter value)을 인코딩할 때 적합합니다.
반면 전체 URL 주소를 인코딩할 때는 이 예약어들을 보존해야 정상적인 링크로 작동하므로 컴포넌트 옵션을 해제해야 합니다. 잘못된 옵션을 선택하면 링크가 깨지거나 API 요청이 실패할 수 있습니다.
UTF-8 처리 및 디코딩 주의사항
전송받은 데이터나 웹 서버 로그에 포함된 %20 또는 + 기호는 디코딩을 통해 원래의 텍스트로 복원할 수 있습니다. 이 도구는 UTF-8 인코딩된 다국어 문자를 완벽하게 지원하며, 쿼리 스트링에서 공백을 의미하는 + 기호의 처리도 정확하게 수행합니다.
단, 이미 두 번 이상 중복 인코딩된 문자열의 경우 도구가 자동으로 오류를 수정하거나 인식하지 않습니다. 원래 형태로 완벽히 복원하려면 변환 버튼을 여러 번 눌러 단계별로 디코딩을 진행해야 할 수 있습니다.
자주 묻는 질문
컴포넌트(Component) 옵션은 언제 사용해야 하나요?
URL의 전체 주소가 아닌, 쿼리 스트링의 특정 데이터 값만 변환할 때 사용합니다. 예를 들어 URL 매개변수에 포함된 특수문자나 한글을 인코딩할 때 이 옵션을 켜야 예약어 충돌을 방지할 수 있습니다.
디코딩할 때 공백이 + 기호로 나오는 이유는 무엇인가요?
과거의 웹 표준(application/x-www-form-urlencoded)에서는 폼 데이터를 전송할 때 공백을 + 기호로 변환했기 때문입니다. 최신 표준에서는 공백을 %20으로 인코딩하며, 본 도구는 두 가지 경우를 모두 적절히 디코딩합니다.
한글이나 이모지 같은 유니코드 문자도 지원하나요?
네, 완벽하게 지원합니다. 입력된 모든 비 ASCII 문자는 UTF-8 규칙에 따라 바이트 시퀀스로 분할된 후, 각각 퍼센트 기호(%)가 붙은 16진수 문자열 형태로 안전하게 인코딩됩니다.
잘못된 형식의 URL을 디코딩하면 어떻게 되나요?
퍼센트 기호 뒤에 올바른 16진수가 오지 않는 등 규칙에 어긋난 문자열을 입력하면 도구에서 유효성 검사를 통해 잘못된 입력 형식 오류를 표시합니다. 이 경우 원본 문자열이 잘리거나 손상되지 않았는지 확인해야 합니다.
이 도구를 사용할 때 보안 위험은 없나요?
전혀 없습니다. 모든 인코딩 및 디코딩 연산은 서버 전송 없이 100% 사용자의 웹 브라우저 내에서만 실행되므로, 입력한 데이터가 외부로 유출되거나 저장되지 않습니다.
이 도구에 문제가 있거나 제안할 아이디어가 있나요? 의견 보내기