툴스모아

URL Encode / Decode

URL에서 사용할 수 있도록 문자열을 인코딩하거나 인코딩된 URL을 디코딩합니다.

개발자 도구
URL 처리
Query String
인코딩 옵션
인코딩/디코딩 방식을 설정하세요
인코딩할 텍스트
URL에서 사용할 수 있도록 인코딩할 텍스트를 입력하세요
예제
다양한 URL 인코딩/디코딩 예제를 확인해보세요
예제 1
원본
안녕하세요 세계!
인코딩
%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94%20%EC%84%B8%EA%B3%84%21
예제 2
원본
Hello World!
인코딩
Hello%20World%21
예제 3
원본
user@example.com
인코딩
user%40example.com
예제 4
원본
https://example.com/search?q=테스트
인코딩
https%3A//example.com/search%3Fq%3D%ED%85%8C%EC%8A%A4%ED%8A%B8
예제 5
원본
JSON 형태: 한글 검색 데이터
인코딩
search=%ED%95%9C%EA%B8%80%20%EA%B2%80%EC%83%89&page=1
URL 인코딩 가이드

URL 인코딩이란?

URL에서 특수 문자, 공백, 유니코드 문자 등을 안전하게 전송하기 위해 사용하는 인코딩 방식입니다. 특수 문자를 '%' 기호와 16진수 코드로 변환합니다.

처리 모드 설명

  • • 표준 URL 인코딩: encodeURIComponent() 또는 encodeURI() 사용
  • • Query String (qs): 객체를 query string으로 변환하거나 파싱
  • • Form Data: 폼 데이터 형태의 key=value 처리

언제 사용하나요?

  • • URL 쿼리 파라미터에 특수 문자나 한글 등을 포함할 때
  • • 폼 데이터를 전송할 때
  • • API 요청에 특수 문자가 포함된 데이터를 전송할 때
  • • 웹 개발에서 URL 안전성을 보장할 때

주요 인코딩 문자

공백 → %20
! → %21
@ → %40
# → %23
$ → %24
% → %25
& → %26
+ → %2B

qs 라이브러리 예제

import qs from 'qs';

const encoded = qs.stringify({ a: '1 2', b: ['x', 'y'] }, { encode: true });
// → a=1%202&b[0]=x&b[1]=y

const decoded = qs.parse(encoded);
// → { a: '1 2', b: ['x', 'y'] }

문자 인코딩

문자 인코딩은 문자열을 특정 인코딩 방식으로 변환하는 것을 의미합니다. URL 인코딩에서 문자 인코딩은 문자열을 UTF-8, EUC-KR, ISO-8859-1 등 다양한 인코딩 방식으로 변환할 수 있습니다.

    URL Encode / Decode