URL 인코더
문자열을 URL 안전하게 인코드·디코드합니다. encodeURIComponent 기준, 브라우저에서만 처리됩니다.
URL 인코드 / 디코드
encodeURIComponent / decodeURIComponent 기준입니다. 입력은 브라우저에서만 처리됩니다.
사용 방법
- 입력 칸에 쿼리 값, 한글 문장, 공백·특수문자가 섞인 문자열을 붙여 넣습니다.
- 인코드를 누르면 자바스크립트
encodeURIComponent와 같은 퍼센트 인코딩 결과가 나옵니다. - 이미
%HH형태인 값은 디코드로 되돌립니다. 폼에서 흔한 더하기(+)는 공백으로 바꾼 뒤 디코드합니다. - 입·출력 바꾸기로 결과를 다시 입력으로 옮겨 연속 변환할 수 있습니다.
- 초기화로 두 칸을 비웁니다. 값은 이 페이지 브라우저에서만 처리되며 서버로 올라가지 않습니다.
- 검색·리다이렉트·API 쿼리를 만들 때는 키는 그대로 두고 값만 인코드한 뒤
&로 이어 붙이는 습관이 안전합니다.
핵심 개념
URL 인코딩(퍼센트 인코딩)은 주소 줄에 그대로 넣으면 깨지거나 의미가 달라지는 문자(공백, 한글, &, =, ? 등)를 %EC%95%88처럼 UTF-8 바이트 단위로 바꿉니다. 이 화면은 브라우저 encodeURIComponent 기준이라 공백은 더하기가 아니라 %20이 되고, 경로 조각이나 쿼리 파라미터에 넣을 값을 안전하게 만드는 용도에 맞습니다. 예약 문자까지 이스케이프하므로, 이미 완성된 주소를 한 번에 돌리기보다 값 단위로 쓰는 편이 맞습니다.
전체 URL을 통째로 인코드하면 https://의 콜론과 슬래시까지 바뀌어 브라우저가 링크로 열 수 없습니다. 디코드는 decodeURIComponent이며, 폼 전송에서 흔한 더하기는 공백으로 치환한 뒤에 디코드합니다. 잘린 % 시퀀스나 잘못된 16진수면 실패 안내가 납니다. 변환은 이 탭의 자바스크립트만 사용하고 입력은 전송·저장되지 않습니다.
예시
안녕하세요를 인코드하면 UTF-8 바이트가 %EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94로 바뀝니다. hello world는 hello%20world입니다. q=검색어&sort=new처럼 쿼리를 만들 때는 검색어만 인코드해 q= 뒤에 붙입니다. 결과를 입·출력 바꾸기로 올린 뒤 디코드하면 원문이 돌아오는지 바로 확인할 수 있습니다.
자주 묻는 질문
URL 인코딩이란 무엇인가요?
주소에 넣기 위험한 문자를 %와 16진수로 바꾸는 규칙입니다. 한글·공백·예약 문자를 검색어·리다이렉트·API 쿼리 값으로 보낼 때 거의 필수입니다.
encodeURIComponent와 encodeURI의 차이는?
이 도구는 값용 encodeURIComponent입니다. encodeURI는 콜론·슬래시·물음표를 남겨 전체 URL을 한 번에 다룰 때 쓰지만, 파라미터 값에는 부적합합니다.
URL 인코더에서 공백은 %20인가요 +인가요?
인코드 결과는 항상 %20입니다. 디코드 시에만 application/x-www-form-urlencoded 관례의 더하기를 공백으로 해석합니다.
전체 URL을 URL 인코딩하면 안 되는 이유는?
프로토콜과 경로 구분자까지 이스케이프되어 브라우저가 링크로 열 수 없습니다. 키는 두고 값만 인코드한 뒤 &로 이어 붙이세요.
URL 디코딩이 실패하는 경우는?
% 뒤에 16진수가 아니거나 한 바이트가 잘린 시퀀스면 실패 안내가 납니다. 원문 복사 과정에 공백이 섞였는지 확인해 주세요.
URL 인코더 입력이 서버로 전송되나요?
아니요. 변환은 이 페이지 브라우저의 자바스크립트만 사용하며 업로드·로그 저장이 없습니다. 관련: 해시 생성기 · Base64 → 이미지 · 글자수 세기
최종 검토일: 2026년 9월 4일