URL 인코딩 · 디코딩 · 한글 주소 · 쿼리

%EC%95%88 같은 주소, 한글로 풀어 드려요

복사한 주소가 %로 가득하면 넣어 보세요. 한글로 풀어 주고, 주소에 담긴 값도 표로 나눠 줘요. 반대로 글을 주소에 넣을 수 있게 바꾸기도 해요.

주소 풀고 만들기

넣은 내용은 이 브라우저 안에서만 처리하고, 어디에도 보내거나 저장하지 않아요.

한글 주소가 왜 %로 바뀌나요

웹 주소에는 영문자와 숫자, 일부 기호만 쓰도록 정해져 있어요. 그 밖의 글자는 먼저 UTF-8 바이트로 바꾸고, 바이트마다 % 뒤에 16진수 두 자리를 붙여 적어요. 이것을 퍼센트 인코딩이라고 해요.

한글 한 글자는 UTF-8로 3바이트라서 %가 세 번 나와요. 주소 창에는 한글로 보여도 복사해서 붙여 넣으면 %로 나오는 이유예요.

글자별 URL 인코딩 예
글자인코딩
띄어쓰기%20
가%EA%B0%80
안녕%EC%95%88%EB%85%95
&%26
/%2F
?%3F

값만 바꿀까, 주소 전체를 바꿀까

주소에서 / ? & = 는 구분 기호예요. 이 기호까지 바꾸면 주소가 망가지고, 값 속의 기호를 안 바꾸면 값이 잘려요. 넣는 내용에 맞게 골라 주세요.

URL 인코딩 방식 비교
방식언제그대로 두는 글자
값만 (기본)검색어, 이름처럼 주소 속 값영문자, 숫자, - _ . ! ~ * ' ( )
주소 전체주소를 통째로 바꿀 때위 글자와 ; , / ? : @ & = + $ #

자바스크립트의 encodeURIComponent와 encodeURI가 각각 이 방식이에요. 예를 들어 값 a/b?c=d&e는 값만 바꾸면 a%2Fb%3Fc%3Dd%26e, 주소 전체로 바꾸면 그대로 a/b?c=d&e예요.

주소 읽는 법

https://example.com/search?q=%EA%B0%80&page=2#top 을 나눠 보면 이렇게 돼요. 주소에 ?가 있으면 도구가 값을 표로 나눠 보여 줘요.

주소의 각 부분과 뜻
부분뜻
https://example.com/search페이지 주소
?여기부터 값이라는 표시
q=%EA%B0%80이름 q, 값 ‘가’
&값 사이의 구분
page=2이름 page, 값 2
#top페이지 안의 위치

%B0%A1처럼 짧은 옛날 주소

오래된 한국 사이트의 주소는 EUC-KR이라는 옛날 방식으로 적혀 있기도 해요. 같은 ‘가’가 요즘 방식으로는 %EA%B0%80, EUC-KR로는 %B0%A1이에요. 한 글자에 %가 두 번 나오면 EUC-KR일 가능성이 있어요.

자바스크립트의 decodeURIComponent는 이런 값에서 오류를 내요. 이 도구는 UTF-8로 먼저 읽고 안 되면 EUC-KR로 읽어요. 둘 다 안 되는 부분은 그대로 두고 몇 곳인지 알려 줘요.

자주 묻는 질문

+는 왜 띄어쓰기인가요?

HTML 폼으로 보낼 때는 띄어쓰기를 +로 적는 방식을 써요. 그런 주소라면 ‘+를 띄어쓰기로 풀기’를 켜세요. 주소 값을 표로 보여 줄 때는 +를 띄어쓰기로 읽어요.

주소에 한글을 그대로 써도 되나요?

요즘 브라우저는 알아서 바꿔 주지만, Google은 주소의 영문 외 글자를 퍼센트 인코딩하도록 권해요. 프로그램에 넣는 주소는 인코딩해 두는 편이 안전해요.

xn--로 시작하는 주소도 풀 수 있나요?

아니요. 도메인 이름의 한글은 퍼센트 인코딩이 아니라 Punycode라는 다른 방식으로 바뀌어요. 이 도구는 퍼센트 인코딩만 다뤄요.

풀 수 없는 % 표시가 있다고 나와요.

% 뒤에 16진수 두 자리가 없거나, 어떤 글자로도 읽히지 않는 값이에요. 주소를 복사할 때 잘렸는지 확인하세요.

주소를 넣어도 그 사이트에 접속하나요?

아니요. 글자만 바꿀 뿐 주소를 열거나 보내지 않아요.

주소 값을 믿어도 되나요?

풀어낸 글자를 보여 줄 뿐 그 주소가 안전한지는 알려 주지 않아요. 모르는 사람이 보낸 주소는 열지 마세요.

주소를 다룰 때

값만 인코딩

주소를 직접 만들 때는 값만 인코딩하고 구분 기호는 그대로 쓰세요.

두 번 바꾸지 마세요

이미 %가 있는 값을 또 인코딩하면 %25로 바뀌어요.

결과를 다시 넣어 확인

‘결과를 다시 넣기’로 원래 글이 나오는지 볼 수 있어요.

긴 주소는 나눠서

표로 나눠 보면 어떤 값이 들어 있는지 한눈에 보여요.

같이 보면 좋은 것

다른 날의 문구와 카드

참고한 자료

참고용 도구예요. 중요한 자료는 결과를 한 번 더 확인하고 쓰세요. 발행