입력값 외부 전송 없음 무엇을 처리하며 언제 쓰나요?
언제 URL 인코딩이 필요한가요
URL에는 영문자, 숫자, 일부 기호만 그대로 쓸 수 있습니다. 한글, 공백, &나 = 같은 구분 문자를 쿼리스트링 값에 넣으려면 먼저 인코딩해야 서버가 값을 올바르게 구분해서 읽을 수 있습니다.
전체 URL과 값 하나의 차이
전체 URL을 통째로 인코딩하면 https://의 슬래시(/)까지 바뀌어 링크로 쓸 수 없게 됩니다. 보통은 쿼리스트링의 값 하나(예: 검색어)만 인코딩해서 기존 URL 뒤에 붙이는 방식으로 사용합니다.
입력한 텍스트는 브라우저 안에서만 처리되고 서버로 전송되거나 저장되지 않습니다.
사용 방법
- 변환 방향에서 인코딩(한글·공백을 %XX로 바꾸기) 또는 디코딩(%XX를 원래 문자로 되돌리기)을 고릅니다.
- 원본 텍스트/URL 또는 인코딩된 텍스트를 입력하고 실행 버튼을 누르면 변환 결과가 표시됩니다.
- 쿼리 문자열 값만 인코딩해야 하는 경우 전체 URL을 통째로 넣지 말고 값 부분만 변환합니다.
처리 방식과 규격
예약되지 않은 문자를 제외한 나머지를 UTF-8 바이트의 %XX(16진수) 형태로 치환합니다(encodeURIComponent 기준). 개발 작업 예제
한글 검색어를 쿼리스트링으로 인코딩
- 입력
- https://toolpado.com/검색?q=계산기
- 결과
- https%3A%2F%2Ftoolpado.com%2F%EA%B2%80%EC%83%89%3Fq%3D%EA%B3%84%EC%82%B0%EA%B8%B0
- 해석
- 슬래시(/), 물음표(?) 같은 URL 구분 문자도 함께 인코딩되므로, 전체 URL이 아니라 값 하나만 인코딩할 때 더 적합합니다.
인코딩된 값 디코딩
- 입력
- %ED%86%B4%ED%8C%A8%EB%8F%84
- 결과
- 툴패도
- 해석
- %XX 형식의 UTF-8 바이트를 원래 문자로 복원합니다.
자주 묻는 질문
encodeURIComponent와 encodeURI는 어떻게 다른가요?
encodeURIComponent는 슬래시(/), 콜론(:), 물음표(?) 같은 URL 구분 문자까지 인코딩해 쿼리스트링 값 하나를 감쌀 때 적합합니다. 이 도구는 encodeURIComponent 기준으로 동작합니다.
공백은 어떻게 표현되나요?
공백은 %20으로 인코딩됩니다. 폼 전송에서 보이는 +(플러스) 표기는 별도의 application/x-www-form-urlencoded 규칙이라 이 도구에서는 사용하지 않습니다.
잘못된 %XX 형식을 디코딩하면 어떻게 되나요?
% 뒤에 유효한 2자리 16진수가 없으면 오류 메시지를 표시하고 결과를 만들지 않습니다.
검토 근거와 공식 출처
공식 안내는 변경될 수 있습니다. 중요한 결정 전에는 링크된 기관의 최신 정보를 다시 확인하세요.