URL 인코딩·디코딩
주소·쿼리스트링을 퍼센트 인코딩·디코딩. 한글·특수문자 안전, 입력하면 바로 변환.
encodeURIComponent · 값·쿼리에 안전 (&, =, ?, / 까지 인코딩)
🔒 모든 변환은 브라우저 안에서만 처리되며 입력은 서버로 전송되지 않습니다.
무엇을 할 수 있나요
입력창에 텍스트나 URL을 넣으면 실시간으로 인코딩·디코딩 결과가 나옵니다. 인코딩은 구성요소(encodeURIComponent)와 전체 URL(encodeURI) 두 범위를 고를 수 있고, 디코딩은 %20 같은 퍼센트 시퀀스와 +(공백)를 원래 문자로 되돌립니다. 입력이 URL이면 아래에 쿼리 파라미터가 이름·값 표로 디코딩되어 한눈에 확인됩니다.
언제 어떤 범위를 쓰나요
쿼리스트링의 값 하나(예: 검색어, 리디렉트 주소)를 안전하게 넣을 때는구성요소 모드를 씁니다. ?·&·=까지 모두 인코딩되어 값이 쿼리 구조를 깨뜨리지 않습니다. 반대로 이미 완성된 주소 전체에서 공백·한글 같은 문자만 정리하고 싶다면 전체 URL 모드가 예약문자를 그대로 두어 링크가 계속 동작합니다.
왜 그냥 붙여넣으면 안 되나요
주소에는 쓸 수 있는 문자가 정해져 있어, 공백·한글·& 같은 문자가 그대로 들어가면 링크가 잘리거나 파라미터가 뒤섞입니다. 퍼센트 인코딩은 이런 문자를 %+16진수로 안전하게 바꿔 어디서든 정확히 전달되게 합니다. 모든 변환은 서버 없이 브라우저 안에서만 처리됩니다.
자주 묻는 질문
encodeURIComponent와 encodeURI는 무엇이 다른가요?
구성요소 모드(encodeURIComponent)는 &·=·?·/까지 모두 인코딩해 쿼리스트링의 값이나 경로 조각에 안전하게 넣을 때 씁니다. 전체 URL 모드(encodeURI)는 : / ? & = 같은 예약문자를 보존해 주소 전체를 인코딩할 때 씁니다.
한글이나 공백은 어떻게 처리되나요?
한글·이모지는 UTF-8 기준으로 %EC%95%88처럼 여러 바이트로 인코딩되고, 공백은 %20이 됩니다. 디코딩 시에는 +도 공백으로 함께 되돌려, 폼 전송에서 온 문자열도 자연스럽게 복원됩니다.
입력이 서버로 전송되나요?
아니요. 인코딩·디코딩과 파라미터 분해는 모두 브라우저 안에서만 이뤄지며, 어떤 데이터도 서버로 올라가지 않습니다.