🔗 URL 인코더/디코더 + HTML 이스케이프
URL 퍼센트 인코딩과 HTML 특수문자 이스케이프를 한 곳에서!
한글(UTF-8)을 완벽하게 지원하는 개발자 필수 변환 도구입니다.
💡 사용 방법
1. 탭 선택: 위에서 URL 인코딩/디코딩 또는 HTML 이스케이프 탭을 선택하세요.
2. 변환 방식 선택(URL): 쿼리 값 하나만 바꿀 땐 encodeURIComponent, 주소 전체를 바꿀 땐 encodeURI를 고릅니다.
3. 입력 후 버튼 클릭: 입력란에 텍스트를 넣고 인코딩/디코딩(또는 이스케이프/언이스케이프) 버튼을 누르세요.
4. 복사·초기화: 결과를 클립보드에 복사하거나 입력·출력을 한 번에 비울 수 있습니다.
🔗 URL 인코딩 예시
| 원본 문자 | encodeURIComponent | encodeURI |
|---|---|---|
| 공백 ( ) | %20 | %20 |
| 가 | %EA%B0%80 | %EA%B0%80 |
| & | %26 | & (유지) |
| / | %2F | / (유지) |
| ? | %3F | ? (유지) |
</> HTML 이스케이프 대상
&→&<→<>→>"→"'→'
❓ 자주 묻는 질문
URL 인코딩(퍼센트 인코딩)이란 무엇인가요?
URL 인코딩은 URL에서 사용할 수 없거나 특별한 의미를 가진 문자(공백, 한글, &, ?, # 등)를 % 뒤에 16진수 코드로 바꿔 안전하게 전달하는 방식입니다. 예를 들어 공백은 %20, 한글 '가'는 %EA%B0%80으로 변환됩니다. RFC 3986 표준에 정의되어 있습니다.
encodeURIComponent와 encodeURI는 어떻게 다른가요?
encodeURIComponent는 쿼리 파라미터 값처럼 URL의 한 조각을 인코딩할 때 사용하며 ? & = / : # 등 거의 모든 특수문자를 인코딩합니다. encodeURI는 전체 URL 주소를 인코딩할 때 사용하며 : / ? & = # 같은 URL 구조 문자는 그대로 둡니다. 검색어·이름 같은 값 하나를 넣을 땐 encodeURIComponent, 주소 전체를 정리할 땐 encodeURI를 쓰세요.
HTML 이스케이프는 왜 필요한가요?
<, >, & 같은 문자를 HTML에 그대로 출력하면 태그로 해석되어 화면이 깨지거나 XSS(악성 스크립트 삽입) 보안 취약점이 생깁니다. 이를 <, >, & 같은 엔티티로 변환하면 글자 그대로 안전하게 표시됩니다. 사용자 입력을 화면에 보여줄 때 반드시 거쳐야 하는 처리입니다.
디코딩이 안 되고 오류가 나요.
입력값에 % 뒤 두 자리가 올바른 16진수가 아닌 경우(예: 단독 %, %ZZ) 디코딩이 실패합니다. 인코딩된 정상 문자열인지 확인하세요. 또한 폼 전송 방식에서 공백이 +로 들어온 경우, 디코딩 전에 +를 공백으로 바꿔야 할 수 있습니다.
입력한 내용이 서버로 전송되나요?
아니요. 모든 변환은 사용자의 브라우저 안에서(JavaScript)만 처리되며 어떤 데이터도 서버로 전송하거나 저장하지 않습니다. 인터넷 연결이 끊겨도 동작하며, 민감한 텍스트도 안전하게 변환할 수 있습니다.