Devin.KR

URL Encoder/Decoder 변환 with JavaScript

브라우저에서만 처리

The URL Decoder/Encoder is licensed under a Creative Commons Attribution-ShareAlike 2.0 License.

URL 인코더/디코더 사용 안내

URL에 그대로 넣을 수 없는 한글·공백·특수문자를 percent-encoding(%XX)으로 바꾸고 되돌립니다. 브라우저에서만 처리하며 입력값을 서버로 보내지 않습니다.

문자열을 입력하고 URL 인코딩 또는 디코딩을 선택하세요. 이미 인코딩된 문자열을 다시 변환하면 이중 인코딩될 수 있으니 결과를 확인하세요.

어떻게 구현했나

인코딩은 encodeURIComponent 를 씁니다. 이 함수는 URL 의 구분자(/ ? & = 등)까지 전부 바꾸므로, 쿼리 파라미터 값 하나를 감쌀 때 쓰는 함수입니다. 주소 전체를 넣으면 구조까지 인코딩되니 값 단위로 넣으세요.

여기에 작은따옴표와 큰따옴표를 %27·%22 로 한 번 더 바꿉니다. 표준은 이 둘을 그대로 두지만, 인코딩한 값을 HTML 속성이나 SQL 문자열에 넣는 자리에서 문제가 되는 경우가 많습니다.

디코딩할 때는 + 를 공백으로 먼저 바꿉니다. 옛 폼 전송 방식(application/x-www-form-urlencoded)이 공백을 + 로 보내기 때문인데, decodeURIComponent 만으로는 그 + 가 그대로 남습니다.

자주 묻는 질문

입력한 데이터는 어디에서 처리하나요?

이 도구의 입력 데이터는 브라우저에서 처리하며 도구 기능을 위해 서버로 업로드하지 않습니다. 결과를 공유하기 전 민감한 정보가 없는지 확인하세요.

결과가 예상과 다르면 어떻게 하나요?

입력 형식, 문자 인코딩과 선택한 옵션을 확인하세요. 각 도구가 안내하는 지원 범위와 제한을 확인하고, 원본 데이터를 보관한 상태에서 결과를 검토하세요.

함께 쓰면 좋은 도구

전체 도구 바로가기

문서 · 데이터 변환

개발 실무

한국 개발 특화

API · 네트워크

이미지 · 색상