URL 인코더·디코더 사용 방법
URL 전체, URL 구성요소 또는 쿼리 문자열과 처리 방식을 선택합니다.
결과에서 확인할 내용
퍼센트 인코딩·디코딩 또는 쿼리 키와 값을 출력합니다.
이 도구가 필요한 상황
URL의 경로 또는 쿼리에 들어갈 문자를 퍼센트 인코딩하고 다시 원문으로 복원합니다.
실제 사용 예시
“점심 메뉴”를 URL 값으로 옮기면 한글과 공백이 퍼센트 문자열로 바뀝니다. 전체 주소를 통째로 인코딩하면 :와 /까지 바뀌어 열 수 없는 링크가 될 수 있습니다.
결과를 정확히 읽는 방법
- encodeURIComponent는 쿼리 값 한 개를 인코딩할 때 적합합니다.
- 잘못된 % 시퀀스는 디코딩 오류가 납니다.
- +를 공백으로 해석하는 양식 인코딩은 일반 퍼센트 디코딩과 구분해야 합니다.
계산 방식
URL에는 영문·숫자와 일부 기호만 그대로 쓸 수 있어, 한글·공백·예약 문자는 UTF-8 바이트를 “%”와 16진수로 바꾸는 퍼센트 인코딩을 합니다. 자바스크립트의 encodeURIComponent는 값 하나(쿼리 파라미터 값)를 인코딩하고, encodeURI는 주소 전체의 구조 문자(:, /, ?, &)는 그대로 둡니다.
상황별 계산 사례
- “점심”은 %EC%A0%90%EC%8B%AC으로 인코딩됩니다(글자당 UTF-8 3바이트).
- “점심 메뉴”의 공백은 %20으로 바뀌어 %EC%A0%90%EC%8B%AC%20%EB%A9%94%EB%89%B4가 됩니다.
- 쿼리 값 “a&b=c”를 인코딩하면 a%26b%3Dc가 되어 &와 =가 파라미터 구분자로 오해되지 않습니다.
- 검색 주소 https://example.com/search?q=점심 메뉴는 q 값만 인코딩해야 하며 주소 전체를 인코딩하면 :// 까지 바뀌어 열리지 않습니다.
자주 하는 실수
- 주소 전체를 한 번에 인코딩하는 실수.
- 이미 인코딩된 문자열을 다시 인코딩해 %25가 생기는 이중 인코딩 실수.
- 양식 전송의 +(공백)와 퍼센트 인코딩의 %20을 같은 것으로 취급하는 실수.
- 해시(#) 뒤 값이 서버로 전송되지 않는다는 점을 모르는 실수.
자주 묻는 질문
한글 URL이 주소창에는 한글로 보이는데 왜 인코딩하나요?
브라우저가 화면에는 보기 쉽게 디코딩해 보여 주지만 실제 요청은 인코딩된 형태로 전송됩니다.
디코딩에 실패하면 어떻게 하나요?
잘린 %XX 시퀀스나 다른 문자 인코딩(EUC-KR 등)이 원인인 경우가 많으니 원본 문자열을 확인하세요.
이 도구는 URL을 서버로 보내나요?
브라우저 안에서 처리하며 서버로 전송하지 않습니다.
완료 전 확인
생성한 주소를 실제로 열어 경로·쿼리·한글이 의도대로 전달되는지 확인하세요.
사용 전 꼭 확인하세요
전체 URL과 개별 파라미터는 인코딩 범위가 다르므로 목적에 맞는 방식을 선택하세요.
도구 설명 최종 수정: 2026년 10월 28일