URL 인코더 / 디코더
URL 인코딩 · 디코딩 · 쿼리스트링 파싱 · 한글 URL 변환 · 통계
⚡ 즉시 변환
🌍 한글 URL 지원
🔢 3가지 모드
📊 쿼리 파싱
🔒 서버 전송 없음
encodeURIComponent / decodeURIComponent
INPUT
텍스트를 입력하세요
0자
OUTPUT
대기 중
0자
원본0자
결과0자
비율–
인코딩된 문자0개
📊 쿼리스트링 파싱 결과
샘플:
📋 URL 인코딩 특수문자 참조표
URL에서 특별한 의미를 가지는 문자들은 퍼센트 인코딩(%XX)으로 표현돼요.
스페이스%20 (또는 +)URL에서 공백 표현
가 (한글)%EA%B0%80UTF-8 퍼센트 인코딩
& 앰퍼샌드%26파라미터 구분자
= 등호%3Dkey=value 구분
? 물음표%3F쿼리스트링 시작
/ 슬래시%2F경로 구분자
# 샵%23fragment 구분자
+ 플러스%2BForm 방식 공백
@ 골뱅이%40이메일 주소 포함 시
! 느낌표%21특수문자
🔗 URL 인코딩 활용 가이드
🔗 컴포넌트 모드 (권장)
•URL의 파라미터 값 인코딩에 사용
•:·/·?·#·&·= 모두 인코딩
•API 파라미터·검색어 전달 시 필수
•JavaScript encodeURIComponent() 사용
🌍 전체 URL 모드
•URL 구조 문자(:·/·?·#)는 유지
•한글·특수문자만 인코딩
•완성된 URL 전체를 인코딩할 때
•JavaScript encodeURI() 사용
📋 Form 방식
•공백을 %20 대신 +로 표현
•HTML 폼 POST 전송 시 사용
•검색 엔진 쿼리 파라미터 형식
•Content-Type: x-www-form-urlencoded
📊 쿼리스트링 파싱
•key=value&key2=value2 형태 분해
•URL에서 ? 뒤 파라미터 추출
•인코딩된 값 자동 디코딩
•📊 쿼리 파싱 버튼으로 시각화
❓ 자주 묻는 질문
Q. encodeURI와 encodeURIComponent의 차이는?
encodeURI는 전체 URL을 인코딩할 때 사용하며 :·/·?·# 같은 URL 구조 문자는 그대로 유지해요. encodeURIComponent는 URL의 파라미터 값처럼 URL 일부를 인코딩할 때 사용하며 이 문자들도 모두 인코딩해요. 대부분의 경우 encodeURIComponent를 사용하는 것이 안전해요.
Q. 한글 URL은 왜 %로 표시되나요?
URL은 ASCII 문자만 지원하기 때문에 한글·일본어·중국어 등 비ASCII 문자는 UTF-8로 변환 후 % + 16진수 형태로 인코딩돼요. 예: "가"는 UTF-8로 3바이트(EA B0 80)이므로 %EA%B0%80으로 표현돼요.
Q. 쿼리스트링이란 무엇인가요?
URL에서 ? 뒤에 오는 파라미터 문자열이에요. 예: https://example.com/search?q=한글&page=1 에서 q=한글&page=1 부분이 쿼리스트링이에요. key=value 쌍이 &로 구분되고, 쿼리 파싱 버튼으로 각 파라미터를 분리해서 볼 수 있어요.
Q. Form 방식 공백이 +인 이유는?
HTML 폼의 application/x-www-form-urlencoded 규격에서는 공백을 %20 대신 +로 표현하도록 정해져 있어요. 검색 엔진 쿼리 파라미터(q=hello+world)에 이 방식이 많이 사용돼요. + 자체는 %2B로 인코딩돼요.
Q. API 개발 시 파라미터는 어떻게 인코딩하나요?
API 파라미터 값은 반드시 encodeURIComponent()로 인코딩해야 해요. 예:
const url = '/search?q=' + encodeURIComponent('한글 검색어'); URL 전체를 다루는 경우 fetch나 axios의 params 옵션을 사용하면 자동으로 처리돼요.