URL 인코더 & 디코더
URL / 쿼리 파라미터 퍼센트 인코딩 양방향. 전체 URL 모드 vs 컴포넌트 모드 선택.
입력
출력
복사됨!
쓰는 법
- 인코딩 / 디코딩 모드 선택.
- 범위 선택: 컴포넌트 모드(쿼리 값용,
encodeURIComponent) 또는 전체 URL 모드(://,/같은 URL 구조 문자는 유지,encodeURI). - 입력창에 타이핑/붙여넣기. 결과 실시간 갱신.
- 복사 버튼 한 번이면 끝.
예시
원문: https://example.com/검색?q=안녕 세상
컴포넌트 모드:
https%3A%2F%2Fexample.com%2F%EA%B2%80%EC%83%89%3Fq%3D%EC%95%88%EB%85%95%20%EC%84%B8%EC%83%81
전체 URL 모드 (권장):
https://example.com/%EA%B2%80%EC%83%89?q=%EC%95%88%EB%85%95%20%EC%84%B8%EC%83%81URL에 한글이나 공백 넣어야 할 때
URL에는 아스키 문자랑 일부 기호만 쓸 수 있어서 공백, 한글, 이모지 같은 거는 %20, %EC%95%88 같이 퍼센트 인코딩으로 바꿔야 해요. 쿼리 파라미터 값에 이런 걸 넣어야 할 때, API 요청에 URL을 임베드할 때 필수입니다.
반대로 로그에 찍힌 %EC%95%88%EB%85%95 같은 걸 '무슨 글자지?' 볼 때 디코딩도 해드려요.
여기 편한 점
- 두 가지 모드 제공. 쿼리 파라미터 값 하나만 인코딩할 땐 컴포넌트 모드, 전체 URL에 한글 박혀 있을 땐 전체 URL 모드.
- 타이핑하는 즉시 변환돼서 '이게 맞나?' 바로 확인 가능.
- 스왑 버튼으로 입출력 방향 빠르게 전환.
- 유니코드 한글, 일본어, 이모지 전부 UTF-8 퍼센트 인코딩으로 정확히 처리.
- 전부 브라우저 안에서 돌아가요.
다른 URL 인코더랑 비교
| 항목 | FreeToolbox | urlencoder.org | meyerweb.com |
|---|---|---|---|
| 실시간 변환 | 있음 | 버튼 눌러야 함 | 버튼 눌러야 함 |
| 모드 선택 | 컴포넌트/전체 | 컴포넌트만 | 컴포넌트만 |
| 입출력 스왑 | 있음 | 없음 | 없음 |
| 광고 | 거의 없음 | 많음 | 없음 |
| 모바일 | 최적화 | 부분 최적화 | 부분 최적화 |
자주 묻는 질문
encodeURI랑 encodeURIComponent 뭐가 달라요?
encodeURI는 전체 URL을 인코딩하는데 :, /, ?, # 같은 URL 구조 문자는 그대로 둬요. encodeURIComponent는 전부 인코딩합니다. 그래서 쿼리 파라미터 '값'에는 후자를 써야 하고, 전체 URL을 넣을 땐 전자를 쓰는 게 맞아요.
컴포넌트 모드는 언제 써요?
쿼리 파라미터 값, 검색어, API 키 값 같이 '한 조각' 인코딩할 때요. ?q=여기부분의 '여기부분'을 처리한다고 생각하시면 됩니다.
전체 URL 모드는 언제 써요?
이미 완성된 URL에서 한글 부분만 인코딩하고 싶을 때. https://랑 /는 유지하면서 경로나 쿼리만 인코딩돼요.
한글이나 이모지도 되나요?
네, UTF-8 바이트로 풀어낸 다음 퍼센트 인코딩합니다. '안'은 3바이트라 %EC%95%88이 돼요. 이모지도 마찬가지.
데이터가 서버로 전송되나요?
아니요. 전부 브라우저 안에서 처리합니다. API 키 섞인 URL이어도 안심하고 쓰세요.