URI Component Encoder
URI 구성 요소와 전체 URL을 퍼센트 인코딩/디코딩
Function:
Plain Input
이 도구 소개
URI Component Encoder / Decoder는 브라우저의 기본 encodeURIComponent, decodeURIComponent, encodeURI, decodeURI 함수를 편리한 UI로 감싼 도구입니다. 퍼센트 인코딩은 URL에서 허용되지 않는 문자를 UTF-8 바이트를 나타내는 %와 16진수 두 자리로 치환합니다.
encodeURIComponent / decodeURIComponent는 입력값을 하나의 구성요소(쿼리 값, 경로 세그먼트)로 취급하여 모든 특수문자를 인코딩합니다. encodeURI / decodeURI는 입력값을 전체 URL로 취급하여 ://?=# 같은 구조적 문자를 보존함으로써 URL 형태를 유지합니다.
사용 방법
- 퍼센트 인코딩하려면 Encode를, 인코딩을 되돌리려면 Decode를 선택하세요.
- 함수를 선택하세요: 단일 값에는 encodeURIComponent, 전체 URL에는 encodeURI를 사용합니다.
- 입력값을 붙여넣거나 Sample을 클릭해 예시를 불러오세요.
- Convert를 클릭한 후 결과를 Copy하세요.
활용 사례
프론트엔드 개발자는 쿼리 문자열 값을 URL에 추가하기 전에 인코딩합니다. 백엔드 엔지니어는 검사를 위해 퍼센트 인코딩된 폼 페이로드를 디코딩합니다. QA 엔지니어는 버그를 등록하기 전에 URL 인코딩을 검증합니다. API 통합 담당자는 요청 URL의 인증 토큰이나 특수 문자를 인코딩합니다.
자주 묻는 질문
- encodeURI와 encodeURIComponent의 차이점은 무엇인가요? — encodeURI는 전체 URL을 위한 것으로 URL 수준에서 유효한 문자(:/?#&)는 인코딩하지 않습니다. encodeURIComponent는 개별 구성 요소를 위한 것으로 이러한 구조적 문자도 함께 인코딩합니다.
- 공백이 +가 아니라 %20으로 바뀌는 이유는 무엇인가요? — 퍼센트 인코딩(%20)은 RFC 3986에서 정의한 표준입니다. + 표기법은 HTML 폼 인코딩(application/x-www-form-urlencoded)에 특화된 방식이며 이 함수들에서는 사용되지 않습니다.
- 제 데이터가 어딘가로 전송되나요? — 아니요. 모든 작업은 JavaScript 내장 기능을 사용해 브라우저에서 실행됩니다. 서버로 전송되는 데이터는 없습니다.