아마 사이트 주소를 복사했는데, 아래의 주소와 같이, 방대한 양의 %와 숫자들을 본 경험이 한번쯤 있었을 것이다.

https://velog.io/@wkahd01/%EC%89%BD%EA%B3%A0-%EA%B0%84%EB%8B%A8%ED%95%9C-%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-Recoil

누군가에게 링크를 공유하고싶은데, 주소가 길어서 부담되는 경우, "디코딩" 작업을 거쳐야한다.

URL을 Console창을 사용해 간단하게 디코딩하여 가독성이 좋은 링크를 만드는 방법을 소개하려고 한다.

한글 URL 디코딩하기

1. F12을 사용해 개발자 도구를 열어준다.
2. Console 창을 들어간다.
3. decodeURI(window.location.href) 입력

여기서 window.location.href는 현재 열린 창의 링크를 의미하며,
이 자리에 다른 링크를 넣어도 정상적으로 디코딩된다.

원인

URL encoding은 URL에 쓰인 텍스트를 모든 브라우저에서 똑바로 전송하기 위해 존재한다.
이러한 기준은 "아스키코드"인데, 한글은 아스키코드에 포함되어 있지 않다.

따라서, 한글은 강제로 인코딩된다.

이러한 이유로 링크에 %5와 같은 것들이 생기게 된다.

따라서, 간단한 디코딩 작업을 통해 한글로 된 링크를 얻을 수 있다.