본문으로 건너뛰기
Toolars
둘러보기
버그 신고

개발자 · 로컬 유틸리티

URL 인코딩 / 디코딩

URL Encoder / Decoder

쿼리 값이나 전체 URI를 퍼센트 인코딩하고 엄격하게 디코딩합니다. 브라우저가 일을 나누는 방식에 맞춘 네 모드입니다.

작업 경로 / 입력에서 결과까지

알맞은 모드 고르기

로컬에서 실행 · 업로드 없음

URL 인코딩 / 디코딩 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

URL을 인코딩하고 디코딩하는 방법

  1. 01

    알맞은 모드 고르기

    쿼리 매개변수 같은 개별 값에는 「구성 요소 인코딩」이나 「구성 요소 디코딩」을, 전체 주소에는 「URI 인코딩」이나 「URI 디코딩」을 고르세요. 네 가지 모드가 탭 바에 있고, 필드 레이블도 그에 맞게 바뀌어요.

  2. 02

    값 붙여넣기

    단일 값은 「URL 구성 요소」 필드에, 전체 주소는 「전체 URI」 필드에 넣으세요. 결과는 입력에 따라 실시간으로 갱신되고, 창 이름이 모드에 따라 바뀌어 기대하는 값이 항상 분명합니다. 「샘플 불러오기」로 예약 문자 예시와 유니코드 예시를 볼 수 있습니다.

  3. 03

    출력 확인하기

    컴포넌트 인코딩은 encodeURIComponent를 사용해 /, ?, &, = 같은 구조 구분자를 퍼센트 인코딩하지만 영문자, 숫자와 !, ~, *, 아포스트로피, 괄호 등은 남깁니다. URI 인코딩은 encodeURI를 사용해 :, /, ?, #, = 같은 주소 구조를 유지하면서 다른 여러 문자를 인코딩합니다. 두 모드 모두 완전한 URL의 유효성을 검사하지 않습니다. 비 ASCII 문자는 UTF-8 퍼센트 표기로, 공백은 %20으로 바뀝니다.

  4. 04

    「바꾸기」로 왕복하기

    「바꾸기」는 출력을 역방향 모드가 선택된 입력으로 옮기므로, 매개변수를 인코딩하고 바꾼 다음 다시 디코딩해 값이 쓴 그대로 살아남는지 확인할 수 있습니다.

  5. 05

    복사 또는 다운로드

    「결과 복사」는 출력을 클립보드로 가져가고, 「.txt 다운로드」는 toolars-url-value.txt로 저장합니다. 끝나면 「지우기」로 두 창을 비우세요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

URL 인코딩 / 디코딩 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

URL 인코딩 / 디코딩 도구가 실제로 하는 일

공유 링크에는 공백과 &가 든 검색어를 하나의 쿼리 매개변수에 담아야 하고, 리디렉션 로그에는 실제 주소를 가리는 퍼센트 이스케이프의 벽이 있고, UTM 태그가 달린 뉴스레터 URL은 인코딩되지 않은 값 하나 때문에 깨져요. URL 인코딩 / 디코딩은 탭 안에서 변환합니다. 네 가지 모드는 브라우저가 이 일을 실제로 나누는 방식과 일치합니다. 초안 링크와 미공개 캠페인 매개변수는 기기에 머물고, 엄격한 디코더는 추측하는 대신 어느 이스케이프가 깨졌는지 정확히 알려 줍니다.

자주 묻는 질문

구성 요소 모드와 URI 모드의 차이는 무엇인가요?
쿼리 매개변수 같은 단일 값에는 컴포넌트 모드를 쓰세요. &가 인코딩되어 a&b는 a%26b가 됩니다. URI 모드는 주소의 :, /, ?, #, = 같은 구분자를 유지합니다. 이는 JavaScript encodeURIComponent와 encodeURI 연산이지 URL 검증이 아닙니다. 컴포넌트 모드에서도 !, ~, *, 아포스트로피, 괄호는 유지됩니다. 디코딩할 때 대응하는 모드를 선택하세요.
「구성 요소 인코딩」에서 그대로 남는 문자는요?
영문자, 숫자, 그리고 하이픈, 언더스코어, 마침표, ! ~ * ' ( ) 같은 몇몇 기호는 그대로 남아요. 공백, 슬래시, 앰퍼샌드, 등호를 포함한 나머지는 모두 퍼센트 이스케이프가 되는데, 이는 쿼리 문자열 값에 꼭 필요한 변환입니다.
비 ASCII 문자는 어떻게 처리되나요?
UTF-8 퍼센트 이스케이프로 인코딩됩니다. 你好는 %E4%BD%A0%E5%A5%BD가 되고 악센트 문자도 각자의 UTF-8 바이트 열을 가져요. 주소 표시줄에 그런 주소를 입력할 때 브라우저가 적용하는 것과 같은 인코딩입니다. 디코딩은 그 과정을 되돌리고 유효한 텍스트를 이루지 않는 바이트 열을 거부합니다.
「값에 불완전하거나 잘못된 퍼센트 이스케이프가 포함되어 있습니다」가 뜨는 이유는요?
디코딩은 브라우저의 엄격한 규칙을 따라요. % 뒤에는 16진수 두 자리가 와야 하고, 그 결과 바이트는 유효한 텍스트를 이뤄야 합니다. 끝에 남은 %, %zz 같은 열, 잘린 멀티바이트 이스케이프는 엉터리 추측 대신 이 메시지로 거부됩니다.
인코딩된 적 없는 값을 디코딩하면 어떻게 되나요?
퍼센트 이스케이프가 없는 일반 텍스트는 그대로 통과하므로 어떤 값이든 안심하고 디코딩해 볼 수 있습니다. %가 시작하는 이스케이프 시퀀스가 불완전하거나 유효하지 않을 때만 오류가 나타나요.
붙여넣은 값이 어딘가에 업로드되나요?
아니에요. 네 가지 모드 모두 현재 브라우저 탭 안에서만 실행되고, 입력이 전송되거나 보관되지 않으며 계정도 필요 없습니다.

개발자 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

코드 → 이미지 변환

Code to Image Converter

여섯 가지 언어의 코드를 구문 강조해 밝은·어두운 테마, 줄번호, 창 제목, 1x/2x 배율로 PNG나 SVG로 내보냅니다.

생성

URL 슬러그 생성기

URL Slug Generator

제목을 하이픈·밑줄 슬러그로 입력하는 즉시 변환합니다. 악센트는 제거하고 앰퍼샌드는 확장하며 비라틴 문자는 보존합니다.

생성

React Native 그림자 생성기

React Native Shadow Generator

React Native의 기존 그림자와 boxShadow를 비교하고 플랫폼 제한을 확인한 뒤 스타일을 복사하세요.

생성

Base64 인코딩 / 디코딩

Base64 Encoder/Decoder

Unicode 텍스트 인코딩과 Base64 디코딩을 로컬에서 처리합니다. URL-safe 값도 지원합니다.

변환