URL Encoder & Decoder

URL의 특수 문자를 인코딩하거나 percent-encoded 문자열을 읽을 수 있는 텍스트로 디코딩해요.

작동 방식: 아래에 텍스트나 URL을 붙여넣어요. Encode는 특수 문자를 URL 사용에 안전한 percent-encoded 형식 (%XX)으로 변환해요. Decode는 이 과정을 역으로 읽을 수 있는 텍스트로 변환해요.

encodeURIComponent — 모든 것을 인코딩해요, 파라미터 값에 사용해요

15개 문자 인코딩됨

URL Encoding이란?

URL encoding (percent-encoding이라고도 불러요)은 URL에서 안전하게 전송할 수 있는 형식으로 문자를 변환해요. URL에서 특수한 의미를 가진 문자 (&, =, ?, /, #)나 비ASCII 문자 (악센트, 이모지 등)는 퍼센트 기호 뒤에 16진수 값으로 바뀌어요. 예를 들어, 공백은 %20이 되고 앰퍼샌드는 %26이 돼요.

URL Encoding은 언제 필요해요?

URL Encoding은 사용자 입력을 URL에 포함시킬 때, 특수 문자가 있는 쿼리 문자열을 만들 때, URL 파라미터로 데이터를 전달할 때, 또는 인코딩된 값이 필요한 API를 다룰 때 필수예요. 제대로 인코딩하지 않으면 URL이 깨지거나 브라우저와 서버가 잘못 해석할 수 있어요. 또한 웹 애플리케이션에서 injection 공격을 방지하는 데도 중요해요.

encodeURIComponent vs encodeURI

JavaScript는 두 가지 인코딩 함수를 제공해요. encodeURIComponent는 문자, 숫자, 그리고 몇 가지 안전한 문자 (- _ . ! ~ * ' ( ))를 제외한 모든 것을 인코딩해요. 개별 파라미터 값을 인코딩할 때 사용해요. encodeURI는 전체 URL을 인코딩하지만 URL에서 의미 있는 문자 (:, /, ?, #, &)는 보존해요. 전체 URL을 구조를 깨지 않고 인코딩하고 싶을 때 사용해요.

일반적인 사용 사례

  • 특수 문자가 있는 API 쿼리 문자열 작성
  • GET 요청을 위한 폼 데이터 인코딩
  • URL에 파일 경로나 이름 전달
  • 비ASCII 문자 인코딩 (악센트, CJK, 이모지)
  • 로그나 분석에서 인코딩된 URL 디버깅
  • 파라미터가 있는 리다이렉트 URL 준비