URL Encoder / Decoder이란 무엇인가요?
URL Encoder / Decoder은(는) ToolsMinify에서 제공하는 무료 브라우저 기반 유틸리티입니다. 무료 URL encoder·decoder로 텍스트와 링크를 퍼센트 인코딩(URL encoding)하거나 인코딩된 URL을 읽기 쉬운 텍스트로 디코딩합니다. encodeURIComponent는 &, =, ?, / 같은 예약 문자를 이스케이프해 query string 값에 안전하고, encodeURI는 전체 URL 구조를 유지합니다. 같은 페이지에 query string builder가 있어 key/value 행을 추가하고 선택적 base URL을 붙인 뒤 복사하거나, query·URL을 붙여 넣어 필드로 파싱할 수 있습니다. 모든 처리는 브라우저 클라이언트에서 이루어져 업로드되지 않습니다. 가입이 필요 없으며, 가능한 경우 데이터를 로컬에서 처리하고, 모바일 및 데스크톱에서 빠른 속도를 위해 제작되었습니다.
퍼센트 인코딩 URL을 인코딩·디코딩하거나 key/value 쌍으로 query string을 만들고 파싱합니다. encodeURIComponent, encodeURI, parse-back - 모두 브라우저에서.
지금 바로 사용해 보세요
무료 URL Encoder / Decoder을 열고 아래 단계를 따르세요. 다운로드할 필요가 없습니다.
URL Encoder / Decoder을(를) 사용하는 이유
- 일회성 변환을 위해 패키지 설치를 건너뜁니다.
- 유효성 검사가 잘못된 입력을 프로덕션에 도달하기 전에 잡아냅니다.
- 코드, SQL 또는 요청 본문에 붙여넣을 준비가 된 출력을 복사합니다.
- 모든 것이 클라이언트 측에서 실행되므로 페이로드가 컴퓨터를 떠나지 않습니다.
URL Encoder / Decoder 사용 방법 - 단계별 안내
- 단계 1: Encode / Decode로 텍스트를 퍼센트 인코딩하거나 Query string으로 매개변수를 만들고 파싱합니다.
- 단계 2: 인코딩 시 전체 URL 토글을 끄면 단일 값(encodeURIComponent), 켜면 전체 링크(encodeURI)입니다.
- 단계 3: Query string 모드에서 key/value 행(선택적 base URL)을 추가합니다. 각 값은 안전하게 인코딩됩니다. query·URL을 붙여 넣고 Parse into fields로 행을 채웁니다.
- 단계 4: 출력 상자에서 인코딩·디코딩 텍스트 또는 만든 query를 복사합니다.
URL Encoder / Decoder은(는) 개발자 도구에 있습니다. 도구 페이지를 열고 기본 필드에 입력을 입력하면 결과가 즉시 업데이트됩니다. 복사 버튼을 사용하여 출력을 문서, 코드 편집기 또는 스프레드시트에 붙여넣으세요.
일반적인 사용 사례
Query 값 인코딩
hello world & more → hello%20world%20%26%20more
전체 URL 인코딩
https://example.com/a b?q=1 → encodeURI로 https://example.com/a%20b?q=1
Query string 만들기
행 q=shoes & socks, sort=price → ?q=shoes%20%26%20socks&sort=price
태그된 URL 파싱
https://example.com/search?q=hello%20world&page=2는 q, page 필드를 채웁니다. form data의 +는 공백이 됩니다
예시
- Query 값 인코딩: hello world & more → hello%20world%20%26%20more
- 전체 URL 인코딩: https://example.com/a b?q=1 → encodeURI로 https://example.com/a%20b?q=1
- Query string 만들기: 행 q=shoes & socks, sort=price → ?q=shoes%20%26%20socks&sort=price
- 태그된 URL 파싱: https://example.com/search?q=hello%20world&page=2는 q, page 필드를 채웁니다. form data의 +는 공백이 됩니다
전문가 팁
- 실제 페이로드가 민감한 경우 먼저 샘플 데이터에 사용하세요.
- 처리가 실패하면 도구보다는 입력이 잘못된 경우가 많습니다.
- 최소화된 복사본과 읽기 쉬운 복사본을 보관하세요. 하나는 배포용, 하나는 디버깅용입니다.
자주 묻는 질문
URL encoding(percent-encoding)이란?
URL에서 안전하지 않거나 예약된 문자를 해당 바이트 값의 16진 두 자리 앞에 %를 붙인 형태로 바꿉니다. 예: 공백은 %20, &는 %26. URL, query string, form 제출에 공백·기호·비ASCII 문자를 안전하게 넣을 수 있습니다.
encodeURIComponent와 encodeURI의 차이는?
encodeURIComponent는 & = ? / # : @ + 공백 등 거의 모든 예약 문자를 이스케이프해 단일 query 값·path segment에 적합합니다. encodeURI는 URL 구조를 만드는 : / ? & = # 등은 그대로 두어 구분자가 있는 전체 URL용입니다. 규칙: 부분은 encodeURIComponent, 전체는 encodeURI.
어떤 문자가 인코딩되나요?
비예약(A-Z, a-z, 0-9, - _ . ! ~ * ' ( ))는 인코딩되지 않습니다. 공백, &, =, ?, /, #, % 및 악센트·이모지 등 비ASCII는 UTF-8 %XX(들)로 변환됩니다. encodeURIComponent는 예약 구분자도, encodeURI는 유지합니다.
Query string을 안전하게 만드는 방법은?
Query string 모드로 매개변수당 한 행을 추가합니다. builder는 각 key·value를 encodeURIComponent한 뒤 &와 =로 연결해 shoes & socks 같은 값이 query를 깨지 않습니다.
Query string이나 URL을 필드로 파싱할 수 있나요?
예. Query string 모드에서 ?q=hello+world, query가 있는 path, 전체 URL을 붙여 넣고 Parse into fields를 누르세요. key/value 행이 채워지고 +는 공백(form-urlencoded)으로 처리되며, 전체 URL이면 base URL도 설정됩니다. 잘못된 percent-escape는 명확한 오류를 표시합니다.
디코딩 시 오류가 나는 이유는?
입력에 잘못된 percent-escape - % 뒤에 hex 두 자리가 없거나 %zz 같은 잘못된 시퀀스 - 가 있으면 실패합니다. 모든 % 뒤에 유효한 hex 두 자리가 있는지 확인하세요. URL 인코딩되지 않은 텍스트는 stray %가 없으면 그대로 통과합니다.
데이터가 서버로 전송되나요?
아니요. 인코딩, 디코딩, query 생성, parse-back은 표준 encodeURIComponent, encodeURI, decodeURIComponent로 브라우저에서만 실행됩니다. 붙여 넣은 내용은 업로드·로그·저장되지 않습니다.
필요할 수 있는 관련 도구
ToolsMinify에서 다른 개발자 도구을(를) 살펴보세요. 관련 유틸리티는 URL Encoder / Decoder 페이지에 연결되어 있어 사이트를 떠나지 않고도 워크플로를 완료할 수 있습니다.
시작할 준비가 되셨나요?
정확하고 빠르며 모바일에 최적화된 URL Encoder / Decoder을(를) 무료로 사용하세요.