URL을 단계별로 인코딩 및 디코딩하는 방법
빠른 답변
URL 인코딩하려면: 텍스트를 URL 인코더에 붙여넣으면 퍼센트 인코딩 문자열이 즉시 나타납니다. 디코딩하려면: 인코딩된 URL을 URL 디코더에 붙여넣으면 원본 텍스트가 나타납니다. 모든 처리는 encodeURIComponent() 및 decodeURIComponent()를 사용하여 브라우저에서 로컬로 수행됩니다.
소개
URL 인코딩(퍼센트 인코딩이라고도 함)은 URL의 특수 문자를 인터넷을 통해 전송하기에 안전한 형식으로 변환합니다. 공백, 따옴표, ASCII가 아닌 문자와 같은 문자는 URLs에서 특별한 의미를 갖거나 전혀 허용되지 않습니다. URL 인코딩은 백분율 기호와 두 개의 16진수 숫자로 대체됩니다(예: 공백은 %20이 됩니다). 이 가이드에서는 브라우저에서 URLs을 인코딩하고 디코딩하는 방법을 보여줍니다.
단계별
-
URL 인코더/디코더 도구를 엽니다.
URL 인코더 및 디코더 도구 페이지로 이동하세요. 이 도구에는 인코딩과 디코딩의 두 가지 모드가 있습니다.
-
텍스트를 입력하거나 URL
인코딩 모드에서 인코딩하려는 텍스트 또는 URL을 붙여넣습니다. 이는 공백, 특수 문자 또는 ASCII가 아닌 텍스트가 포함된 값으로 쿼리 문자열을 작성할 때 유용합니다.
-
인코딩된 출력 읽기
이 도구는 encodeURIComponent()를 사용하여 입력을 인코딩합니다. 공백은 %20이 되고, &와 같은 특수 문자는 %26이 되며, ASCII가 아닌 문자는 UTF-8로 인코딩된 후 퍼센트로 인코딩됩니다. 결과가 즉시 나타납니다.
-
인코딩된 URL를 복사하세요.
복사를 클릭하여 인코딩된 문자열을 복사합니다. API 요청, HTML href 속성 또는 JavaScript fetch() 호출에서 이를 사용하세요.
-
인코딩된 URL 디코딩
디코드 모드로 전환하고 백분율로 인코딩된 문자열을 붙여넣습니다. 도구는 decodeURIComponent()를 사용하여 이를 디코딩하고 원본 텍스트를 표시합니다. 잘못된 이스케이프 시퀀스(예: %ZZ)로 인해 오류가 발생합니다.
예
쿼리 문자열 값을 공백으로 인코딩
입력: hello world
산출: hello%20world
특수 문자를 사용하여 URL을 인코딩합니다.
입력: https://example.com/search?q=foo&bar=baz
산출: https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dfoo%26bar%3Dbaz
비ASCII 텍스트 인코딩
입력: café
산출: caf%C3%A9
퍼센트 인코딩된 URL를 디코딩합니다.
입력: hello%20world%20%26%20goodbye
산출: 안녕 세상 & 안녕
일반적인 문제
- 쿼리 매개변수 값만 인코딩이 필요한 경우 전체 URL를 인코딩합니다. 구조(://?&=)가 아닌 값을 인코딩합니다.
- 이중 인코딩 - URL이 이미 인코딩된 경우 이를 다시 인코딩하면 %20 대신 %2520이 생성됩니다. 확실하지 않은 경우 먼저 디코딩하세요.
- encodeURI() 대 encodeURIComponent() 사용 —encodeURI()는 URL 구조 문자(:/?&=)를 유지하고 encodeURIComponent()는 이를 인코딩합니다. 쿼리 매개변수 값에는 후자를 사용하세요.
- 디코드의 잘못된 이스케이프 시퀀스 —%ZZ 또는 %2은(는) 유효한 퍼센트 인코딩이 아니며 오류가 발생합니다.
팁
- URL 삽입을 방지하려면 공백, 특수 문자 또는 사용자 입력이 포함될 수 있는 쿼리 매개변수 값을 항상 인코딩하세요.
- 쿼리 매개변수 값에는 encodeURIComponent()를 사용하고 안전하지 않은 문자만 인코딩해야 하는 전체 URLs에는 encodeURI()를 사용합니다.
- URL 인코딩은 암호화가 아닙니다. 누구나 디코딩할 수 있습니다. 민감한 데이터를 숨기는 데 사용하지 마십시오.
- 브라우저에서 즉각적인 비공개 처리를 위해 URL 인코더 및 디코더 도구를 사용하세요.