URL 인코더/디코더
JavaScript 네이티브 `encodeURIComponent`와 `decodeURIComponent`를 사용하여 URL 구성 요소를 인코딩 또는 디코딩.
결과
복사됨!
결과가 여기에 표시됩니다.
사용 방법
URL 인코더/디코더는 특수 문자를 URL에서 안전한 형식으로 인코딩하거나 퍼센트 인코딩된 URL을 읽기 쉬운 텍스트로 디코딩합니다.
사용 방법:
- 텍스트 또는 인코딩된 URL을 입력 필드에 붙여넣습니다.
- ‘인코딩’을 클릭하여 특수 문자(공백, &, = 등)를 퍼센트 코드로 변환합니다.
- ‘디코딩’을 클릭하여 원래 URL을 복원합니다.
예시: ‘안녕 세계’ → ‘%EC%95%88%EB%85%95%20%EC%84%B8%EA%B3%84’ (인코딩).
제한사항: 인코딩은 RFC 3986 표준을 따릅니다. 여러 구성 요소가 있는 전체 URL은 구성 요소별로 인코딩해야 합니다.
개인정보 보호: 모든 것이 로컬에서 처리됩니다. 데이터가 전송되지 않습니다.
실전 예시
café & croissants를 인코딩하면 caf%C3%A9%20%26%20croissants가 됩니다: é는 UTF-8 2바이트(%C3%A9), 공백은 %20, 앰퍼샌드는 %26으로 — 이게 중요한 이유는, 인코딩 안 된 &가 쿼리 매개변수를 소리 없이 둘로 쪼개기 때문입니다. 디코드 모드는 어떤 퍼센트 인코딩 문자열이든 되돌리고, URL 파서는 전체 주소를 프로토콜·호스트·경로·개별 쿼리 매개변수로 분해해 각각 따로 디코딩합니다. 잘못된 콜백 URL 디버깅이 퍼센트 기호를 노려보는 일에서 표를 읽는 일로 바뀝니다.
활용 사례
- 쿼리 문자열 구성
- 폼 데이터 인코딩
- 손상된 URL 수정
- 로그의 URL 매개변수 디코딩
- REST API 요청용 데이터 준비
자주 묻는 질문
- URL을 인코딩하는 이유는 무엇인가요?
- URL에는 특정 ASCII 문자만 포함될 수 있습니다. 인코딩은 다른 문자를 안전한 %XX 시퀀스로 변환합니다.
- encodeURI와 encodeURIComponent의 차이는 무엇인가요?
- encodeURIComponent는 모든 특수 문자를 인코딩합니다. encodeURI는 /와 ? 같은 일부를 유지합니다.
- 공백이 +가 되나요 %20이 되나요?
- 이 도구는 %20(RFC 3986 표준)을 사용합니다.
- 여러 URL을 연속으로 디코딩할 수 있나요?
- 예, 각 URL을 붙여넣고 '디코딩'을 클릭합니다.
- 데이터가 서버로 전송되나요?
- 아니요, 모든 것이 로컬입니다.