URL 인코딩: 쿼리 및 URI 텍스트를 위한 온라인 URL 인코더
URL 인코딩은 텍스트를 URL에서 사용할 수 있도록 퍼센트 인코딩합니다. 컴포넌트, 전체 URI, 폼 스타일 인코딩 옵션을 제공합니다. 안전하지 않은 문자를 이스케이프해야 하는 쿼리 값에는 encodeURIComponent를, :와 / 같은 URL 구조 문자를 그대로 두어야 할 때는 encodeURI를, 공백을 +로 표현하는 application/x-www-form-urlencoded 방식에는 폼 모드를 사용하세요. 모든 처리는 브라우저에서 비공개로 이루어집니다.
URL 인코딩은 URL에 사용할 텍스트를 퍼센트 인코딩하는 브라우저 기반 URL 인코더입니다. 컴포넌트, 전체 URI, 폼 스타일 모드를 제공하므로 특정 URL 용도에 맞게 텍스트 표현 방식을 선택할 수 있습니다. 쿼리 값에는 encodeURIComponent가 안전하지 않은 문자를 이스케이프하고, encodeURI는 :와 / 같은 URL 구조 문자를 그대로 유지합니다.
선택한 모드에 따라 입력 인코딩 방식이 결정됩니다. 컴포넌트 모드는 쿼리 값에 적합하고, 전체 URI 모드는 인용된 구조 문자를 그대로 둡니다. 폼 모드는 공백을 +로 인코딩하는 고전적인 application/x-www-form-urlencoded 스타일을 따릅니다. 이러한 옵션을 통해 준비 중인 URL 데이터 종류에 맞는 출력을 얻을 수 있습니다.
URL은 그 구조에 맞는 문자와 규약으로 텍스트를 표현해야 합니다. 쿼리 값을 인코딩하면 주변 URL과 내용을 구분할 수 있고, 전체 URI를 인코딩하면 :와 / 같은 구분자를 유지할 수 있습니다. 기대되는 규약이 application/x-www-form-urlencoded일 때는 폼 스타일 인코딩이 유용합니다. 상황에 맞는 모드를 선택하면 모든 URL 상황에 하나의 인코딩 스타일을 적용하는 실수를 피할 수 있습니다.
URL 인코딩은 브라우저에서 완전히 동작하므로 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 서버 의존성이 없어 오프라인에서도 동작합니다. 무료이며 비공개라서, 입력 내용을 다른 곳으로 보내지 않고 텍스트를 인코딩하고 싶을 때 유용합니다.
개발자와 DevOps 엔지니어는 쿼리 값을 준비하거나 전체 URI를 다룰 때, 또는 폼 스타일로 텍스트를 형식화할 때 이 도구를 사용할 수 있습니다. 누군가 공유한 인코딩 값을 확인하거나 값이 원본 그대로 복원되는지 확인할 때도 도움이 됩니다. 제공되는 모드를 통해 흔히 쓰이는 URL 인코딩 방식의 차이를 쉽게 적용할 수 있습니다.
1단계: 인코딩할 텍스트를 입력, 붙여넣기 또는 드래그하여 놓으세요. 쿼리 값, URI 등 URL에 넣을 텍스트부터 시작하세요.
2단계: 용도에 맞는 URL 인코딩 모드를 선택하세요. 컴포넌트, 전체 URI, 폼 스타일 인코딩 옵션을 제공합니다.
3단계: 인코딩된 결과가 의도한 용도에 맞는지 확인하세요. 컴포넌트 모드는 안전하지 않은 문자를 이스케이프하고, encodeURI는 :와 / 같은 URL 구조 문자를 그대로 둡니다.
4단계: 인코딩된 값을 복사하세요. 폼 스타일 인코딩에서는 공백이 +로 표현됩니다.
사용 사례: 이스케이프해야 하는 문자가 포함된 쿼리 값을 준비하세요. 컴포넌트 모드는 쿼리 값 전용으로, 안전하지 않은 문자를 인코딩합니다.
사용 사례: 구조는 그대로 유지하면서 전체 URI를 인코딩하세요. encodeURI는 :와 / 같은 문자를 그대로 둡니다.
사용 사례: 고전적인 application/x-www-form-urlencoded 스타일로 텍스트를 형식화하세요. 공백을 +로 표현해야 할 때는 폼 모드를 선택하세요.
사용 사례: 누군가 보낸 URL 값에서 원본 텍스트를 복원하세요. 공유된 쿼리 값의 내용을 파악하는 데 도움이 됩니다.
사용 사례: 값을 왕복 인코딩하여 텍스트가 바뀌지 않았는지 확인하세요. 원본과 복원된 값을 비교하면 결과를 검증할 수 있습니다.
사용 사례: URL 콘텐츠만 전달되는 채널로 텍스트를 옮기세요. 인코딩하면 문자를 URL에 적합한 형태로 표현할 수 있습니다.
사용 사례: 개발자 워크플로에서 URL 데이터를 준비할 때 적절한 인코딩 스타일을 선택하세요. 모드 옵션을 통해 쿼리 값 인코딩과 전체 URI, 폼 스타일 인코딩을 구분할 수 있습니다.