08 / url-encoder
무료 온라인 도구
URL 인코더/디코더
URL과 쿼리 문자열을 즉시 인코딩하거나 디코딩합니다.
사용 방법
- 01
URL 또는 텍스트를 입력 필드에 붙여넣습니다.
- 02
'인코딩'을 클릭하여 퍼센트 인코딩하거나 '디코딩'을 클릭하여 반대로 변환합니다.
- 03
복사 버튼으로 결과를 복사합니다.
소개
이 도구는 무엇인가요?
URL 인코딩(퍼센트 인코딩)은 URL에서 허용되지 않는 문자를 안전하게 전송할 수 있는 형식으로 변환합니다. 예를 들어 공백은 %20이 됩니다. 이 도구는 JavaScript의 encodeURIComponent와 decodeURIComponent 함수를 사용합니다.
이 도구를 사용하는 이유
- -API 쿼리 파라미터 구성 시 필수.
- -깨진 URL을 디코딩하여 내용 파악.
- -전체 UTF-8 문자 집합 처리.
- -서버 불필요 — 브라우저에서 즉시 동작.
주요 기능
- -인코딩: 안전하지 않은 문자를 퍼센트 인코딩 형식으로 변환.
- -디코딩: 퍼센트 인코딩을 읽기 가능한 텍스트로 역변환.
- -유니코드 및 국제 문자 처리.
- -원클릭 클립보드 복사.
비교
URL 인코딩 예시
| 원본 문자 | URL 인코딩 | 사용 사례 |
|---|---|---|
| 공백 | %20 (또는 +) | 검색 쿼리, 파라미터 |
| 한글 '안녕' | %EC%95%88%EB%85%95 | 국제 문자 URL |
| & | %26 | 여러 파라미터 구분 시 |
| = | %3D | 파라미터 값에 = 포함 시 |
| # | %23 | URL 프래그먼트 식별자 혼동 방지 |
모든 처리는 JavaScript를 사용하여 브라우저 내에서 완전히 실행됩니다. 파일, 텍스트, 데이터는 절대 서버로 전송되지 않습니다. 귀하의 데이터는 기기 내에만 존재합니다.
✦ 드래곤테일의 팁
Dragontail API 연동 작업 중 한국어 검색 쿼리가 URL을 깨뜨리는 버그를 만난 적 있습니다. URL 문자열에 추가하기 전에 모든 쿼리 파라미터를 URL 인코딩하자 즉시 해결됐습니다. JavaScript로 URL을 동적으로 구성한다면, 항상 사용자가 입력한 값을 encodeURIComponent로 감싸세요. 날 입력을 그대로 믿지 마세요.
자주 묻는 질문
encodeURI와 encodeURIComponent의 차이는?
encodeURI는 전체 URL을 인코딩하며 /와 ?를 유지합니다. encodeURIComponent는 개별 파라미터를 인코딩하며 해당 문자도 인코딩합니다. 이 도구는 encodeURIComponent를 사용합니다.
공백이 +로 나타나는 경우도 있나요?
%20이 표준 퍼센트 인코딩입니다. 일부 시스템은 쿼리 문자열에서 공백에 +를 사용합니다(application/x-www-form-urlencoded 형식).
JWT 토큰에도 사용할 수 있나요?
JWT는 퍼센트 인코딩이 아닌 Base64URL 인코딩을 사용합니다. Base64 인코더 도구를 사용하세요.