URL 인코더 / 디코더
encodeURI 또는 encodeURIComponent로 URL을 인코딩하고 디코딩합니다 — 모든 처리는 브라우저에서 이루어집니다.
모든 처리는 브라우저 내에서만 수행됩니다. 서버로 전송되는 데이터는 없습니다.
입력
출력
URL 인코더 / 디코더 사용 가이드
URL 인코더 / 디코더는 자바스크립트의 encodeURI 또는 encodeURIComponent로 텍스트를 URL 퍼센트 인코딩 형태로 변환하거나 되돌려주는 무료 브라우저 도구입니다. 모든 처리는 브라우저 안에서만 이루어지므로 입력한 내용이 기기를 벗어나지 않습니다.
URL에 안전하게 넣을 값을 만들거나 이미 인코딩된 문자열을 다시 읽어야 하는 개발자를 위한 도구입니다. 쿼리 파라미터나 프래그먼트처럼 모든 특수문자를 인코딩해야 할 때는 encodeURIComponent를, : / ? # & 같은 URL 구조 문자를 그대로 두고 싶을 때는 encodeURI를 선택하면 됩니다.
인코드/디코드 모드를 고른 뒤 입력란에 텍스트를 입력하거나 붙여넣으면 별도의 실행 버튼 없이 결과가 바로 표시됩니다. 교체 버튼은 출력 결과를 입력으로 옮기고 모드를 뒤집어 주므로, 인코딩한 값을 다시 디코딩해 원래대로 돌아오는지 확인하기에 편리합니다. 복사와 지우기 기능도 함께 제공됩니다.
인코딩과 디코딩은 브라우저의 기본 함수로 처리되어 서버로 전송되는 데이터가 없습니다. %ZZ처럼 형식이 잘못된 입력을 디코딩하면 결과 대신 오류 메시지가 표시되므로, 깨진 퍼센트 인코딩을 바로 확인해 고칠 수 있습니다.
자주 묻는 질문
- encodeURI와 encodeURIComponent는 어떻게 다른가요?
- encodeURIComponent는 거의 모든 특수문자를 인코딩하므로 단일 쿼리 값이나 프래그먼트에 적합합니다. encodeURI는 : / ? # & 같은 URL 구조 문자를 그대로 두기 때문에 전체 URL을 깨뜨리지 않고 인코딩할 때 알맞습니다.
- 입력한 데이터가 서버로 전송되나요?
- 아니요. 인코딩과 디코딩은 모두 브라우저 안에서 기본 자바스크립트 함수로 처리되므로 입력한 텍스트가 어디로도 업로드되지 않습니다.
- 디코딩할 때 오류가 표시되는 이유는 무엇인가요?
- 입력에 %ZZ처럼 불완전하거나 형식이 잘못된 퍼센트 인코딩이 포함되어 있으면 디코딩이 실패합니다. 입력 내용을 확인해 잘못된 이스케이프 시퀀스를 수정하면 됩니다.