카카오톡에 링크 보내려는데 URL에 한글이 들어가니까 깨져서 나왔다. %EC%9D%B4 이런 식으로 알아볼 수 없는 문자가 됐다.
상대방이 클릭했을 때 제대로 열리게 하려고 URL 인코딩을 해봤다.
인코딩과 디코딩
한글이 포함된 URL을 넣으면 URL 변환해서 퍼센트 인코딩된 문자로 바뀐다. 이렇게 바꾼 URL은 어디에 붙여넣어도 깨지지 않는다.
반대로 인코딩된 URL을 다시 한글로 URL 디코딩하는 것도 된다. 어떤 글자인지 확인하고 싶을 때 쓴다.
encodeURI vs encodeURIComponent
두 가지 인코딩 방식이 있다. 퍼센트 인코딩 할 때 전체 URL이면 encodeURI, 파라미터 값만이면 encodeURIComponent를 쓴다.
차이는 특수문자 처리 범위인데, 잘 모르겠으면 encodeURIComponent 쓰면 대부분 된다.
실시간 변환
텍스트 입력하면 바로 한글 URL 인코딩 결과가 나온다. 버튼 안 눌러도 자동으로 변환된다.
입출력 교환 버튼도 있어서 인코딩했다가 다시 디코딩해보기 편하다.
길이 변화 확인
인코딩하면 URL이 길어지는데 얼마나 길어졌는지 URI 인코더에서 길이 변화율도 보여준다. 너무 길면 단축 URL 쓰면 된다.