웹 주소에 한글이 들어가면 이상한 문자로 바뀌어 보입니다. 검색어가 포함된 URL을 복사하면 퍼센트 기호와 숫자가 뒤섞인 긴 문자열이 됩니다. 이건 URL 인코딩 때문입니다. URL 인코딩 도구로 한글을 인코딩하거나 인코딩된 문자열을 다시 읽을 수 있는 형태로 바꿀 수 있습니다.
URL 인코딩이 필요한 이유
URL에는 사용할 수 있는 문자가 정해져 있습니다. 영문 알파벳, 숫자, 일부 특수문자만 허용됩니다. 한글이나 공백 같은 문자는 그대로 쓸 수 없습니다. 이런 문자를 퍼센트 기호와 16진수 코드로 변환하는 게 URL 인코딩입니다. 한글 가는 퍼센트 EA 퍼센트 B0 퍼센트 80으로 바뀝니다.
API 파라미터 전송
API를 호출할 때 쿼리 파라미터에 특수문자나 한글이 포함되면 인코딩해야 합니다. 인코딩하지 않으면 서버가 파라미터를 제대로 인식하지 못합니다. URL 인코더에 값을 입력하면 API에 바로 쓸 수 있는 형태로 변환됩니다. 반대로 인코딩된 응답을 디코딩해서 원래 값을 확인할 수도 있습니다.
encodeURIComponent 차이
자바스크립트에는 encodeURI와 encodeURIComponent 두 가지 함수가 있습니다. encodeURI는 전체 URL을 인코딩하면서 슬래시나 콜론은 유지합니다. encodeURIComponent는 모든 특수문자를 인코딩해서 파라미터 값에 적합합니다. 퍼센트 인코딩 도구에서 두 가지 방식을 모두 지원합니다.
디코딩으로 원본 확인
인코딩된 URL을 받았을 때 원래 내용이 뭔지 알고 싶을 때가 있습니다. 퍼센트 기호가 가득한 문자열을 눈으로 해석하기는 어렵습니다. 디코딩 기능을 사용하면 원래 한글이나 특수문자로 복원됩니다.
웹 개발에서 URL 인코딩은 자주 마주치는 작업입니다. 온라인 URL 변환기를 활용해서 인코딩과 디코딩을 빠르게 처리하세요.