URL 인코딩 및 디코딩하는 방법

개발자

URL 인코딩이 필요한 이유, URL에서 안전하게 사용하기 위해 특수 문자를 인코딩하는 방법, 퍼센트 인코딩된 문자열을 디코딩하는 방법을 알아보세요.

단계별 가이드

1

URL 인코딩 이해하기

URL은 제한된 ASCII 문자 집합만 포함할 수 있습니다. 특수 문자(공백, &, =, # 등)는 퍼센트 인코딩이 필요합니다: %와 두 자리 16진수 코드로 대체합니다. 예: 공백→%20, &→%26.

2

도구로 URL 인코딩하기

URL 인코더에 문자열을 붙여넣고 인코딩을 클릭하면 모든 특수 문자가 퍼센트 인코딩 형식으로 변환됩니다. 결과는 URL에서 안전하게 사용할 수 있습니다.

3

URL 인코딩된 문자열 디코딩하기

퍼센트 인코딩된 문자열을 붙여넣고 디코딩을 클릭하면 원래 텍스트를 볼 수 있습니다. 로그, API 응답 또는 웹 폼에서 받은 깨진 URL에 유용합니다.

4

전체 URL이 아닌 쿼리 값만 인코딩하기

https://example.com/search?q=hello world 와 같은 URL을 만들 때는 값만 인코딩하세요: q=hello%20world. 전체 URL을 인코딩하면 ://, ?, =도 인코딩되어 URL 구조가 깨집니다.

5

JavaScript에서 encodeURIComponent vs encodeURI

encodeURIComponent는 미예약 문자(A-Z, a-z, 0-9, -, _, ., ~) 외의 모든 것을 인코딩합니다. 쿼리 값에 사용하세요. encodeURI는 URL 구조 문자(:, /, ?, #)를 건너뜁니다. 전체 URL에 사용하세요.

무료 도구 사용

URL 인코더/디코더

자주 묻는 질문

Q: %20과 +의 차이는 무엇인가요?

A: 둘 다 공백을 나타내지만 다른 컨텍스트에서 사용됩니다. %20은 URL의 어떤 부분에서도 공백에 대한 표준 퍼센트 인코딩입니다. +는 HTML 폼 쿼리 문자열(application/x-www-form-urlencoded)에서 공백에 사용됩니다.

Q: URL에 %3A나 %2F가 표시되는 이유는 무엇인가요?

A: %3A=콜론(:), %2F=슬래시(/). URL 구조적 의미가 있는 문자가 쿼리 매개변수 값에 포함되어 이스케이프가 필요할 때 나타납니다.

Q: 경로도 인코딩해야 하나요?

A: 경로 세그먼트는 공백과 비ASCII 문자를 인코딩해야 하지만 세그먼트를 구분하는 슬래시(/)는 인코딩하지 않습니다. 각 경로 세그먼트에 개별적으로 encodeURIComponent를 사용하세요.