URL 인코딩·디코딩 사용 방법
- 1인코딩 / 디코딩 탭에서 인코딩 또는 디코딩 버튼을 고르세요.
- 2텍스트나 URL을 붙여넣으면 결과가 바로 나타납니다.
- 3인코딩할 때는 '검색어 값 / 경로 일부' 또는 '전체 URL'을 고르고, 필요하면 '공백을 +로'나 '줄마다 따로 변환'을 켜세요.
- 4결과를 복사하거나, 입출력 바꾸기를 눌러 결과를 다시 반대로 변환해 보세요.
- 5URL 분석 탭에 주소를 붙여넣으면 프로토콜, 호스트, 경로, 쿼리 파라미터를 나눠 보여 줍니다.
주소의 한글이 %EC...로 바뀌는 이유
인터넷 주소에는 영문, 숫자, 일부 기호만 쓸 수 있어서 한글은 UTF-8 바이트로 바꾼 뒤 %와 16진수로 표시합니다. 한글 한 글자가 %EC%84%9C처럼 9글자가 됩니다. 이것을 퍼센트 인코딩(URL 인코딩)이라고 합니다. 블로그 글 주소, 검색 결과 링크, 쇼핑몰 상품 링크를 복사했을 때 길고 이상한 주소가 되는 이유입니다.
디코딩을 고르고 그 주소를 붙여넣으면 원래 한글로 되돌려 줍니다. 잘못된 % 표기가 섞여 있으면 올바른 부분만 풀고 나머지는 그대로 두며 어디가 문제인지 알려 줍니다.
검색어 값과 전체 URL, 무엇을 골라야 할까?
- 검색어 값 / 경로 일부: ?q= 뒤에 들어갈 검색어처럼 주소의 한 부분만 인코딩할 때 고르세요. &, =, / 같은 기호까지 모두 인코딩합니다(encodeURIComponent).
- 전체 URL: 주소 전체를 넣을 때 고르세요. : / ? # & = 는 그대로 두어 링크가 계속 작동합니다(encodeURI).
HTML 폼 방식처럼 공백을 +로 바꿔야 하면 '공백을 +로'를 켜세요. 이미지나 파일을 문자열로 바꿔야 한다면 Base64 인코딩을 쓰세요.
URL 분석과 추적 파라미터 제거
URL 분석 탭은 주소를 프로토콜, 호스트, 경로, 쿼리 문자열, 프래그먼트로 나누고 쿼리 파라미터를 하나씩 디코딩해 보여 줍니다. 주소에 utm_source, fbclid, gclid 같은 광고·추적용 파라미터가 있으면 이를 뺀 깔끔한 주소를 한 번에 복사할 수 있어 카카오톡이나 메신저로 링크를 공유할 때 좋습니다.
자주 묻는 질문
%EC%84%9C 같은 주소를 한글로 바꾸려면?
디코딩을 고르고 주소를 붙여넣으세요. 결과 칸에 한글로 바뀐 주소가 바로 나타납니다.
encodeURIComponent와 encodeURI는 뭐가 다른가요?
encodeURIComponent(검색어 값 / 경로 일부)는 & = / ? 같은 기호까지 모두 인코딩하고, encodeURI(전체 URL)는 주소 구조에 필요한 기호는 그대로 둡니다. 파라미터 값 하나만 넣을 때는 앞의 것을 쓰세요.
+ 기호가 공백으로 바뀌어야 하나요?
HTML 폼으로 보낸 검색어는 공백이 +로 바뀌어 있습니다. 이런 주소를 디코딩할 때는 '+를 공백으로 처리'를 켜세요.
여러 개의 주소를 한 번에 변환할 수 있나요?
네. 줄마다 하나씩 넣고 '줄마다 따로 변환'을 켜면 각 줄을 따로 인코딩하거나 디코딩합니다.
입력한 주소가 서버로 전송되나요?
아니요. 모든 변환은 브라우저 안에서 이루어집니다.