Developer Utility
URL Encode/Decode
Encode or decode URL query strings safely.
카테고리: Encoding업데이트: 2026-02-17
Input
Output
Overview
URL 인코딩/디코딩을 통해 공백, 특수문자, 한글 등이 안전하게 전달되도록 변환합니다. 쿼리 스트링 디버깅에 유용합니다.
Usage
핵심 기능
- Encode/Decode 모드 전환
- 쿼리 스트링 확인에 최적
- 특수문자/공백 변환 지원
- 브라우저에서만 처리
사용 방법
- Encode 또는 Decode 모드를 선택합니다.
- URL 또는 쿼리 문자열을 입력합니다.
- 출력 결과를 복사해 사용합니다.
Examples
쿼리 문자열 인코딩
Input
https://example.com/search?q=hello world&tag=dev
Output
https://example.com/search?q=hello%20world&tag=dev
Tips
- 이미 인코딩된 문자열을 다시 인코딩하면 깨질 수 있습니다.
- API 요청을 보내기 전 최종 쿼리를 확인하세요.
Caution
- 일반적으로 전체 URL보다 파라미터 값만 인코딩하는 것이 안전합니다.
- 이미 인코딩된 값을 다시 인코딩하면 깨질 수 있습니다.
FAQ
Q. 공백은 +와 %20 중 어떤 걸 쓰나요?
A. 쿼리에서는 +가 쓰이기도 하지만 일반적으로 %20이 안전합니다.
Q. 전체 URL을 인코딩해도 되나요?
A. 보통은 쿼리 파라미터 값만 인코딩하는 것이 좋습니다.
Data
처리 방식: 브라우저에서 URL 인코딩을 수행합니다.
저장 여부: 저장하지 않습니다.
Editorial Notes
이 도구를 쓰는 상황과 자주 하는 실수
언제 유용한가
- 쿼리 문자열, 검색어, 리다이렉트 URL이 인코딩 때문에 깨지는지 점검할 때 적합합니다.
- encodeURI와 encodeURIComponent를 어떻게 다르게 써야 하는지 실험적으로 비교할 때 도움이 됩니다.
자주 놓치는 포인트
- 이미 인코딩된 값을 다시 인코딩해서 `%2520` 같은 중복 인코딩 문제를 만드는 경우가 많습니다.
- 전체 URL과 파라미터 값을 같은 함수로 처리해 구조 자체를 깨뜨리는 실수도 잦습니다.
Trust
도구 운영 기준
이 도구는 DevTool Hub에서 관리하며, 가능한 한 브라우저 안에서 처리하도록 설계합니다. 입력값 저장 여부와 처리 방식은 각 도구 설명에 명시합니다.
정책과 검수 기준은 Editorial Policy에서 확인할 수 있고, 오류 제보나 개선 요청은 Contact에서 받습니다.
관련 가이드
Feedback
오류나 개선 제안이 있으면 Contact로 알려주세요.
Guide
이 페이지는 빠른 실행용 입력 영역과 함께 사용 목적, 예시, 주의사항, 관련 가이드를 한 화면에서 확인할 수 있도록 구성했습니다.
결과가 기대와 다르면 관련 가이드와 FAQ, 데이터 처리 안내를 함께 확인해 원인을 좁혀보세요.