URL 인코더

URL 인코더

문자 수: 0
문자 수: 0

주요 특수문자 인코딩 참조표

문자인코딩설명
%20 or +공백 (띄어쓰기)
!%21느낌표
#%23해시/샵 (앵커)
$%24달러 기호
&%26앰퍼샌드 (파라미터 구분)
'%27작은따옴표
/%2F슬래시 (경로 구분)
?%3F물음표 (쿼리스트링 시작)
=%3D등호 (값 할당)
@%40골뱅이 (이메일)

encodeURIComponent vs encodeURI 차이점

encodeURIComponent (권장)

쿼리 파라미터 값에 사용합니다. 모든 특수문자(:, /, ?, # 등)를 인코딩하여 안전합니다.

입력: a=1&b=2 → 출력: a%3D1%26b%3D2

encodeURI

전체 URL에 사용합니다. URL 구조 문자(:, /, ?, #)는 유지하고 한글 등만 인코딩합니다.

입력: https://ex.com/검색 → 출력: https://ex.com/%EA%B2%80%EC%83%89

댓글과 질문

URL 인코딩이란?

URL 인코딩(퍼센트 인코딩)은 URL에서 사용할 수 없는 문자를 %XX 형식의 안전한 ASCII 문자로 변환하는 표준 방식입니다. 한글·공백·특수문자가 포함된 링크나 쿼리 파라미터를 안전하게 전달하려면 반드시 필요하며, 브라우저와 서버가 데이터를 정확하게 주고받을 수 있도록 보장합니다. 한글 URL이 %EA%B0%80 형태로 보이는 것이 바로 URL 인코딩(퍼센트 인코딩)이며, 주소창에서 한글 URL이 깨져 보일 때도 이 변환기로 즉시 해결할 수 있습니다.

이 URL 인코딩 변환기는 퍼센트 인코딩/디코딩을 간편하게 처리하는 무료 온라인 사이트입니다. encodeURIComponent와 encodeURI 방식 외에도, HTML 엔티티 변환, URL 파서(프로토콜·도메인·쿼리 파라미터 분리), 이중 인코딩 감지, 여러 줄 배치 처리 등 개발자에게 필요한 모든 기능을 제공합니다. 쿼리스트링 인코딩, URL 파라미터 인코딩, URL 이스케이프까지 한 곳에서 처리하세요.

주요 기능

버튼 클릭으로 인코딩/디코딩

텍스트를 입력하고 변환 버튼을 클릭하면 URL 인코딩/디코딩 결과가 표시됩니다. encodeURIComponent(파라미터용)와 encodeURI(전체 URL용) 두 가지 방식을 지원합니다.

HTML 엔티티 모드

URL 인코딩 외에 HTML 엔티티 인코딩(&, <, > 등)도 지원합니다. 웹 페이지에서 특수문자를 안전하게 표시할 때 유용합니다.

URL 구조 분석 & 쿼리 편집기

URL을 입력하면 프로토콜, 도메인, 경로, 쿼리 파라미터를 자동으로 분리하여 보여줍니다. 쿼리 파라미터를 직접 편집하고 새 URL을 생성할 수 있습니다.

이중 인코딩 감지

이미 인코딩된 문자열을 다시 인코딩하려고 하면 자동으로 감지하여 경고합니다. 흔한 개발 실수를 미리 방지할 수 있습니다.

Base64 URL-safe 인코딩/디코딩

+ / = 대신 - _ 를 사용하는 URL-safe Base64 인코딩/디코딩을 지원합니다. JWT, OAuth 토큰 등 URL에 안전한 Base64가 필요할 때 활용하세요.

사용법

  1. 모드 선택 — 상단에서 인코딩 또는 디코딩 모드를 선택합니다.
  2. 인코딩 방식 선택 — Component(파라미터 값 인코딩, 권장) 또는 URI(전체 URL 인코딩) 방식을 선택합니다.
  3. 텍스트 입력 — 변환할 URL이나 텍스트를 입력창에 붙여넣습니다.
  4. 변환 실행 — 변환 버튼을 클릭하여 결과를 확인합니다.
  5. 결과 복사 — 복사 버튼을 클릭하여 결과를 클립보드에 복사합니다.

활용 예시

웹 개발 (API 파라미터)

REST API에 한글 검색어나 특수문자가 포함된 데이터를 전송할 때 URL 인코딩이 필수입니다. 쿼리 파라미터 값을 안전하게 전달할 수 있습니다.

SEO (깔끔한 URL 관리)

검색 엔진에서 한글 URL이 깨져 보이는 문제를 해결합니다. 인코딩된 URL을 디코딩하여 읽기 쉬운 형태로 확인할 수 있습니다.

데이터 전송 및 폼 처리

HTML 폼을 GET 방식으로 전송할 때 브라우저가 자동으로 URL 인코딩합니다. 서버에서 디코딩하여 원본 데이터를 복원합니다.

인코딩된 URL 디버깅

서버 로그나 네트워크 모니터에서 %XX 형태로 표시된 URL을 디코딩하여 실제 요청 내용을 빠르게 파악할 수 있습니다.

자주 묻는 질문

URL 인코딩은 왜 필요한가요?

URL은 원래 ASCII 문자만 사용할 수 있도록 설계되었습니다. 한글이나 특수문자를 URL에 포함하려면 %XX 형식으로 변환해야 브라우저와 서버가 올바르게 처리할 수 있습니다.

공백은 %20인가요, +인가요?

URL 경로에서 공백은 %20으로 인코딩됩니다. 폼 데이터(application/x-www-form-urlencoded)에서는 +로 표현되기도 합니다. 일반적으로 %20을 사용하는 것이 안전합니다.

encodeURIComponent와 encodeURI 중 뭘 써야 하나요?

쿼리 파라미터의 값을 인코딩할 때는 encodeURIComponent를 사용하세요. 전체 URL을 인코딩할 때는 encodeURI를 사용하지만, 대부분의 경우 encodeURIComponent가 더 안전합니다.

한글 URL이 %XX 형태로 길어지면 문제가 되나요?

인코딩된 URL이 길어 보여도 기능상 문제는 없습니다. 브라우저 주소창에서는 보기 좋게 디코딩되어 표시됩니다. 단, 일부 오래된 시스템에서는 URL 길이 제한이 있을 수 있습니다.

이중 인코딩(Double Encoding)이란 무엇인가요?

이중 인코딩은 이미 인코딩된 문자열을 다시 인코딩하는 것입니다. 예를 들어 %20(공백)이 %2520으로 변환됩니다. 이 경우 서버에서 한 번만 디코딩하면 원본이 아닌 인코딩된 문자열이 나옵니다. 이 도구는 이중 인코딩을 자동으로 감지하여 경고해줍니다.

한글 URL이 %ED%95%9C%EA%B8%80처럼 깨져 보이는 이유는?

URL에 포함된 한글·특수문자는 RFC 3986 표준에 따라 퍼센트 인코딩됩니다. 예를 들어 '한글'은 %ED%95%9C%EA%B8%80으로 변환됩니다. 브라우저 주소창에서는 읽기 편하게 디코딩된 한글로 표시되지만, 실제 요청은 인코딩된 형태로 전송됩니다. 로그나 코드에서 %XX 형식으로 보이는 한글 URL을 이 변환기에 붙여넣으면 즉시 원문으로 디코딩할 수 있습니다.

개인정보 안내

이 URL 인코더/디코더는 모든 데이터 처리가 사용자의 브라우저 내에서 이루어집니다. 입력하신 URL이나 텍스트는 서버로 전송되지 않으며, 어떠한 정보도 저장하거나 수집하지 않습니다. API 키나 인증 정보가 포함된 URL도 안심하고 변환하실 수 있습니다.

관련 도구

Base64 인코더HTML 엔티티 변환기JWT 디코더메타태그·OG 생성기WebAssembly 모듈 검사기다국어 연결 행렬 검사기구문 트리 질의 실험실컨테이너 빌드 단계 분석기의존성 그래프 탐색기버전 제약 충돌 분석기작업 스케줄 충돌 검사기패치 검토 작업대소스맵 탐색기다국어 카탈로그 검사기구조화 데이터 대조기HTTP 아카이브 분석기웹훅 서명 실험실Protobuf 스키마 작업대GraphQL 스키마 실험실Avro 스키마 호환성 검사기로컬 SQL 데이터 작업대스키마 기반 입력 폼 생성기3D 메쉬 검사·복구기관망 유량·압력 실험실로봇팔 운동학 실험열저항 회로 실험실보 휨 실험실기어열 배치 실험공차 누적 실험실센서 교정 곡선 맞추기PCB 적층 비교 설계기디지털 필터 설계기도로망 도달 범위 지도태양 그림자 배치 실험GPS 오차 시뮬레이터디지털 논리 회로 실험아날로그 회로 실험실링크 기구 운동 실험해석용 메쉬 생성기OpenAPI 계약 검사기DB 스키마 변경 계획기수식 차원 검사기트러스 힘 실험실논리식 최소화 실험실제어계 응답 실험실대기행렬 시뮬레이터위치 구역 출입 이벤트 실험실좌표계 변환 실험실측량 폐합 검산 실험실위성·래스터 구간 분류단계구분도 설계기지도 인쇄 편집기GeoTIFF 래스터 재투영고도 등고선 생성기지형 가시영역 실험실지형 유역 탐색기오프라인 지도 타일 패키저텍스트 파일 인코딩 작업대파일 경로 호환성 검사기SBOM 라이선스 탐색기파일 형식 위장 검사기npm 잠금 파일 충돌 해결기소스 비밀값 점검기오프라인 웹 자료 패키저인증서 체인 검사기토렌트 메타정보 검사기파일 분할 전송 패키저로컬 파일 암호 금고동일 파일 찾기압축 파일 작업대디자인 토큰 관리기반응형 간격 체계 설계기반응형 타이포 시스템 설계기포장 전개도 설계기SVG 아이콘 스프라이트 묶기Flexbox 배치 설계기CSS Grid 배치 설계기정규 언어 동치 검사기Markdown 문서 묶음 검사기로그 패턴 추출기반응형 HTML 레이아웃 검사기메일 HTML 렌더 검토기내부 링크 구조 분석기상태 전이 모델 테스트 생성기페트리넷 흐름 실험Git 이력 그래프 탐색기HTTP 요청 명령 설계기바이너리 프로토콜 설계기바이너리 Hex 편집기바이너리 차이 패치 만들기파일 전자서명 작업대API 모의 응답 실험실데이터 열 매핑 설계기이벤트 로그 세션 분석기데이터베이스 관계도 설계기시계열 누락 검사기학습 데이터 분할기데이터 흐름 계보 작성기결정트리 학습 실험실데이터 비식별 처리기데이터 계약 규칙 검사기JSON Schema 검증기항목 동시출현 분석기robots 규칙 시뮬레이터HTML 검색 기본 검사기접근성 구조 검사기RSS·Atom 피드 작성기IndexNow 배포 알림 준비기검색 로봇 로그 분석기CSP 정책 검토기검색 실적 CSV 분석기CSV 수식 위험 검사기CORS 응답 시뮬레이터HTTP 캐시 동작 실험실쿠키 속성 검사기성능 추적 파일 분석기사이트맵 구조 검사기파일 일괄 이름 바꾸기파일 묶음 무결성 검증기폴더 용량 지도폴더 차이 검토기방문 순서 최적화GeoJSON 지도 편집기지도 영역 중첩 분석기지도 라벨 배치기공간 속성 결합기GeoJSON 공간 위상 검사기GPS 이동 기록 분석기이동 기록 위치 가림표 관계 결합기피벗 테이블 작업대데이터 품질 프로파일러표 데이터 정제 작업대기록 대사 도구데이터 사전 작성기canonical 관계 검사기리다이렉트 계획 검증기HTTP 응답 속도·핑 참고 테스트내 브라우저·시스템 정보JSON ↔ YAML 변환기XML ↔ JSON 변환기HTML 포맷터JavaScript 압축기목 데이터 생성기.gitignore 생성기라이선스 생성기User-Agent 분석기비밀번호 강도 검사코드 이미지 만들기XML 포맷터HTTP 상태 코드 찾기MIME 타입 찾기JS·SQL 문자열 이스케이프CSS 박스 그림자 생성기CSS 그라데이션 생성기들여쓰기 변환기진법 변환기유니코드 이스케이프 변환기유니코드 문자 분석기JSON 구조 비교기Markdown 표 생성기JSON 포맷터SQL 포맷터Cron 표현식 생성기정규식 테스터UUID 생성기해시 생성기타임스탬프 변환기Markdown 미리보기CSS MinifierJSON CSV 변환대소문자·케이스 변환이미지 Base64 변환
개발 도구 도구 전체 보기 →이미지/미디어 →텍스트/변환 →생활/재미 →