URL 인코드 / 디코드 도구

원래 요청의 구조를 잃지 않고 전체 URL을 인코드하고, 콜백 링크를 디코드하며, 쿼리 파라미터 값을 이스케이프하세요.

URL 인코드 / 디코드 워크벤치
실제 URL 인코딩 워크플로 사용해 보기
인증/API 워크플로 가이드

Redirect_uri 또는 콜백 값을 인코딩하시겠습니까? 구성 요소 수준 규칙에 대한 가이드를 사용한 다음 여기로 돌아와서 정확한 값을 인코딩하거나 디코딩하세요.

URL 가이드 읽기 인증/API 허브 열기
JWT 토큰 디버거
OAuth 또는 전달자 토큰 디버깅을 계속하세요.
JSON API 응답 가이드
쿼리 매개변수에서 페이로드 검사로 전환합니다.
Base64 기본 인증 가이드
요청을 따라 인증 헤더 준비로 다시 돌아갑니다.
URL 인코딩이란 무엇인가요?

URL 인코딩(퍼센트 인코딩)은 공백, 유니코드, 예약 문자를 전송에 안전한 형식으로 바꿉니다. 브라우저 URL, redirect_uri, API 쿼리 값, 또는 복사한 콜백 링크가 의미를 바꾸지 않고 전달되어야 할 때 사용하세요.

URL 인코딩 작동 방식

전체 링크 안에서 :, /, ?, &, = 같은 구분자를 읽기 쉽게 유지하려면 전체 URL 인코딩을 사용하세요. 하나의 값이 쿼리 파라미터, 리디렉션 대상, 또는 중첩된 콜백 URL 안에 들어가야 한다면 컴포넌트 인코딩을 사용하세요.

주요 사용 사례
  • 인증 또는 API 요청이 앱을 떠나기 전에 redirect_uri, state, 검색 값을 인코딩하기
  • 로그, 지원 티켓, 또는 브라우저 기록에서 복사한 콜백 링크 디코딩하기
  • 기본 엔드포인트의 구분자를 깨뜨리지 않고 API 요청 URL 만들기
  • 하나의 쿼리 값 안에서 이메일 주소, 중첩 URL, 더하기 기호 이스케이프하기
  • URL을 문서나 코드에 붙여넣기 전에 유니코드와 공백 확인하기
예시
입력: redirect_uri=https://app.example.com/callback?next=/settings
출력: redirect_uri=https%3A%2F%2Fapp.example.com%2Fcallback%3Fnext%3D%2Fsettings
입력: https://app.example.com/callback?next=%2Fsettings%3Ftab%3Dprofile
출력: https://app.example.com/callback?next=/settings?tab=profile
입력: email=dev+alerts@example.com
출력: email=dev%2Balerts%40example.com
자주 묻는 질문

하나의 파라미터 값 대신 전체 URL을 언제 인코드해야 하나요?

전체 URL 하나를 읽기 쉽게 유지하고 ?, &, = 같은 구분자를 그대로 두고 싶다면 전체 URL을 인코드하세요. 데이터가 redirect_uri, state, 검색어처럼 하나의 key=value 쌍 안에 들어가야 한다면 개별 파라미터 값만 인코드하세요.

encodeURI와 encodeURIComponent의 차이점은 무엇인가요?

encodeURI는 전체 링크에 대해 :, /, ?, # 같은 URL 구조 문자를 유지합니다. encodeURIComponent는 그 예약 문자를 함께 이스케이프하므로 쿼리 파라미터 값, 중첩 URL, 복사한 콜백 대상에는 더 안전합니다.