무료 온라인 URL 인코딩/디코딩 도구

웹 개발, 데이터 전송 및 네트워크 상호작용에서 URL 인코딩(공백 대신 %20 사용 등)과 디코딩은 필수적인 작업입니다. 인코딩이 필요한 시나리오는 다음과 같습니다. 특수 문자 전달, 폼 제출, 동적 URL 생성, API 요청, 보안 보호.

1. 특수 문자 또는 ASCII가 아닌 문자 전달

문제: URL에는 특정 문자(예: 문자, 숫자, -, _, .)만 포함될 수 있으며, 다른 문자(예: 공백, 중국어, &, #)는 인코딩해야 합니다. 예:

공백 → %20(또는 폼에서 + 사용)
중국어 "Apple" → %E8%8B%B9%E6%9E%9C(UTF-8 인코딩)
기호 & → %26,? → %3F

# 인코딩되지 않은 URL(잘못 파싱됨):
https://example.com/search?q=apple&orange

# 인코딩된 URL:
https://example.com/search?q=apple%26orange

2. 폼 제출(GET/POST 요청)

문제: 폼의 입력 내용(검색어, 사용자가 입력한 데이터 등)에 특수 문자가 포함될 수 있습니다. 예:

사용자가 "coffee & tea"를 입력 → coffee%20%26%20tea로 인코딩됨.

3. URL 매개변수를 동적으로 생성

시나리오: JavaScript 또는 백엔드 코드를 통해 URL을 연결할 때 매개변수를 수동으로 인코딩해야 합니다. 코드 예:

const keyword = "Price>=100";
const encoded = encodeURIComponent(keyword); // "Price%3E%3D100"으로 인코딩됨
const url = `https://example.com/search?q=${encoded}`;

4. API 요청(RESTful 인터페이스 등)

문제점: JSON 데이터나 복잡한 매개변수를 전달할 때 충돌을 방지하기 위해 인코딩해야 합니다. 예:

JSON 문자열 전달: {"name":"张三","age":25} → %7B%22name%22%3A%22%E5%BC%A0%E4%B8%89%22%2C%22age%22%3A25%7D로 인코딩됨.

5. URL 삽입 공격 방지

시나리오: 사용자 입력 내용이 URL에 직접 연결되는 경우, 악성 문자(예: <script>)를 방지하기 위해 인코딩해야 합니다. 예:

<img src=x onerror=alert(1)> 입력 → %3Cimg%20src%3Dx%20onerror%3Dalert(1)%3E로 인코딩

웹 개발, 데이터 전송 및 네트워크 상호작용에서 URL 인코딩(공백 대신 %20 사용 등)과 디코딩은 필수적인 작업입니다. 인코딩이 필요한 시나리오는 다음과 같습니다. 서버 매개변수 처리, 브라우저 표시, 크롤러 파싱, 로그 분석.

1. 서버가 매개변수를 수신하고 파싱합니다.

시나리오: 백엔드 프로그램(예: PHP, Python)은 클라이언트가 전송한 URL 매개변수를 디코딩해야 합니다.

코드 예시(Python):

from urllib.parse import unquote
encoded_str = "%E6%9D%8E%E5%9B%9B"
decoded_str = unquote(encoded_str) # 출력 "李四"

2. 브라우저 자동 디코딩

시나리오: 브라우저가 URL을 표시할 때 %20은 공백으로, %E4%B8%AD는 “中” 등으로 자동 디코딩합니다.

예:

사용자에게 표시되는 URL: https://example.com/search?q=苹果
실제 요청된 URL은 다음과 같이 인코딩됩니다: https://example.com/%E6%90%9C%E7%B4%A2?q=%E8%8B%B9%E6%9E%9C

3. 크롤러는 동적 URL을 처리합니다.

시나리오: 크롤러가 웹 페이지를 파싱할 때 원본 데이터를 얻으려면 URL의 매개변수를 디코딩해야 합니다.

예:

링크 /product?id=123%26category=books에서 디코딩하여 id=123&category=books를 얻습니다.

4. 디버깅 및 로그 분석

시나리오: 서버 로그를 보거나 디버깅할 때 실제 내용을 이해하기 위해 URL을 디코딩해야 합니다.

예:

로그의 요청: GET /search?q=%E7%83%AD%E9%97%A8 HTTP/1.1

디코딩됨: q=popular