사용 방법

붙여넣기, 실행, 확인, 복사 — 네 단계. 모든 작업은 브라우저에서 이뤄집니다.

CSS, HTML, JSON 등을 편집기에 넣으세요. 업로드되지 않습니다.

변환 또는 실행을 누르세요. 결과가 바로 나타납니다.

생성된 코드와 노트를 사용 전에 확인하세요.

결과를 복사해 프로젝트에 붙여넣으세요.

이 도구 소개

문자열을 퍼센트 인코딩해 쿼리 파라미터나 경로 세그먼트로 안전하게 쓸 수 있는 형태로 바꿉니다. 공백이나 예약 문자로 주소가 깨지는 일을 막아 줍니다.

예시에서는 공백이 들어간 문구가 %20으로 바뀝니다.

입력

css to tailwind?ref=docs & guide

출력

css%20to%20tailwind%3Fref%3Ddocs%20%26%20guide

encodeURIComponent는 구성 요소용이고, 주소 전체에는 encodeURI가 맞을 때가 있습니다.