로컬 실행
URL 인코드
텍스트를 URL 안에서 안전하게 사용할 수 있도록 인코딩합니다.
입력값은 브라우저에서 처리되며 업로드되지 않습니다.
출력
결과가 여기에 표시됩니다.입력하면 결과가 표시됩니다.
URL 인코딩은 공백, 기호, 비 ASCII 문자를 쿼리 문자열과 URL 파라미터에서 안전한 퍼센트 인코딩 텍스트로 바꿉니다. 가볍고 모바일 친화적이며 반복 사용에 맞게 설계되었습니다.
전체 URL을 망가뜨리지 않고 URL 구성요소만 안전하게 인코딩
URL 인코딩은 경계의 문제입니다. query 값, path segment, redirect target, webhook parameter에 공백, 기호, 비ASCII 문자가 들어가면 URL 안에서 안전하게 escape되어야 합니다.
Query parameter
검색어, filter 값, redirect URL, campaign label을 물음표 뒤에 넣기 전에 인코딩합니다.
Path segment
공백, 한국어, 일본어, 문장부호가 포함될 수 있는 동적 route 값을 준비합니다.
Webhook 디버깅
&, #, = 문자가 URL 구조로 해석되어 callback이 깨졌는지 확인합니다.
올바른 부분만 인코딩하기
- 1query 값인지, path segment인지, URL 자체가 다른 URL의 값인지 먼저 구분합니다.
- 2전체 URL이 값인 경우가 아니라면 해당 구성요소만 붙여 넣습니다.
- 3인코딩 결과를 주변 URL에 다시 넣고 한 번 테스트합니다.
- 4디버깅 시 최종 값을 decode해 의도한 텍스트로 돌아오는지 확인합니다.
Query 값 예시
name=Textbun tools & locale=koname%3DTextbun%20tools%20%26%20locale%3Dko&가 %26으로 바뀌어 다른 query parameter로 오해되지 않습니다.
자주 생기는 문제
- 전체 URL을 component 방식으로 인코딩하면 ://와 ?까지 escape됩니다.
- 공백은 상황에 따라 %20 또는 +로 표현될 수 있습니다.
- 이미 인코딩된 값을 다시 인코딩하면 %가 %25가 되어 읽기 어려워집니다.
자주 묻는 질문
언제 URL 인코딩을 해야 하나요?+
텍스트를 URL 경로, 쿼리 파라미터, 리다이렉트 URL, API 요청에 넣을 때 인코딩합니다.
공백도 인코딩되나요?+
네. 표준 encodeURIComponent 동작에 따라 공백은 %20으로 인코딩됩니다.
URL 데이터가 저장되나요?+
아니요. URL 인코딩은 브라우저에서 로컬로 실행됩니다.