← 기능 섹션으로 돌아가기
Free

URL 인코더 / 디코더

URL 인코더/디코더는 URL 문자열을 퍼센트 인코딩(percent-encoding) 형식으로 변환하거나 다시 원래대로 되돌립니다. 디버깅, 안전한 URL 빌드, 인코딩된 링크 검사 등 목적에 따라 encodeURIComponent(강력함)와 encodeURI(구조 보존) 중 선택할 수 있습니다.

사용자 입력, 쿼리 문자열 또는 다국어 문자가 포함된 URL을 만들 때 깨짐 현상을 방지하려면 올바른 퍼센트 인코딩이 필수적입니다. 이 도구는 양방향 변환을 즉시 처리합니다. 단일 파라미터 값(? / & = # 등까지 인코딩)을 인코딩할 때는 encodeURIComponent를, URL 구조를 유지하면서 안전하지 않은 문자만 인코딩할 때는 encodeURI를 선택하세요. 디코딩은 표준 퍼센트 인코딩과 이중 인코딩된 문자열을 모두 지원합니다. 실시간 변환 기능을 통해 입력하는 동안 즉시 결과를 확인할 수 있으며, 두 모드를 전환하며 정확도를 검증할 수도 있습니다. 서버 통신 없이 브라우저에서 모든 작업이 로컬로 이루어집니다.

라이브 미리보기
example.com
URL 인코더 / 디코더 encodeURIComponent encodeURI
입력
https://example.com/search?q=hello world&lang=en
인코딩된 출력
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den
복사
주요 기능

두 가지 인코딩 모드

안전한 파라미터 값을 위한 encodeURIComponent(? / & = 등 인코딩) 또는 전체 URL을 위한 encodeURI(구조 보존, 안전하지 않은 문자만 인코딩) 중 선택하세요.

스마트 디코딩

비ASCII 문자, UTF-8 멀티바이트 시퀀스, 이모지 등을 포함한 퍼센트 인코딩된 문자열을 디코딩합니다. 이중 인코딩된 입력도 안정적으로 처리합니다.

원클릭 복사

인코딩 또는 디코딩된 결과를 즉시 클립보드에 복사합니다. 수동으로 텍스트를 선택할 필요가 없습니다.

실시간 변환

입력하는 즉시 출력이 실시간으로 업데이트됩니다. 매번 변환 버튼을 누를 필요 없이 즉각적인 결과를 확인할 수 있습니다.

나란히 보기 (Side-by-Side)

입력과 출력이 명확하게 구분된 창에 표시되어 변환 전후를 한눈에 비교할 수 있습니다.

예외 케이스 처리

공백, 따옴표, 유니코드, 예약된 문자 등 단순 문자열 치환으로는 해결하기 어려운 트리키한 시퀀스들을 올바르게 인코딩합니다.

주요 활용 사례

쿼리 파라미터 디버깅

깨진 파라미터가 포함된 URL을 붙여넣어 읽기 쉬운 값으로 디코딩하세요. 실제로 어떤 데이터가 전송되었는지 빠르게 식별할 수 있습니다.

안전한 URL 빌드

URL에 사용자 입력(이름, 검색어, 파일 경로 등)을 추가하기 전에 인코딩하여 인젝션 및 파싱 오류를 방지하세요.

분석 링크 검사

UTM 태그가 달린 마케팅 URL을 디코딩하여 복잡한 퍼센트 인코딩 문자열을 읽지 않고도 실제 캠페인, 소스, 매체 값을 확인하세요.

다국어 URL 테스트

라틴 문자 이외의 문자(한글, 중국어 등)가 포함된 URL을 인코딩하여 전송을 위해 올바르게 변환되었는지 확인하세요.

OAuth 리다이렉트 디버깅

인코딩된 파라미터가 중첩된 OAuth 리다이렉트 URI를 디코딩하여 서비스 간에 어떤 데이터가 전달되는지 추적하세요.

사용법
1

URL 인코더 열기

DevSuite Pro 독에서 URL 아이콘을 클릭합니다. 인코딩 및 디코딩 토글이 있는 두 개의 창 에디터가 열립니다.

2

URL 또는 문자열 붙여넣기

URL, 쿼리 파라미터 또는 인코딩된 문자열을 붙여넣습니다. 전체 URL 또는 개별 파라미터 값 모두에 작동합니다.

3

인코딩 모드 선택

파라미터 값에는 encodeURIComponent를, /, ?, & 등이 보존되어야 하는 전체 URL에는 encodeURI를 사용하세요.

4

결과 확인

변환된 결과가 인접 창에 나타납니다. 인코딩된 문자는 %XX 형식으로 표시되며, 디코딩된 결과는 읽기 쉬운 원래 형태로 돌아옵니다.

5

복사 및 사용

복사를 클릭하여 결과를 클립보드로 보냅니다. 코드, 요청 URL 또는 문서에 붙여넣어 사용하세요.

시작할 준비가 되셨나요?

DevSuite Pro를 무료로 설치하고 브라우저용 64개 이상의 개발자 도구를 사용해보세요.

Chrome에 추가 Edge에 추가 Firefox에 추가