[자바스크립트] 한글 깨짐문제

문제

 

평범하게 문서를 작성할때

meta 태그로 UTF-8 을 설정하면

한글이 깨지지 않고 잘 나온다. 다만,

이번에 겪은 문제는 현재 문서의 주소를 가져와서

콘솔에 찍으려 했을때 한글이 깨지는 문제였다.

 

http://localhost:3000/category#뷰티

 

위와같은 주소였고 나는 해쉬가 붙은 저 뷰티라는 부분을

추출하고 싶었다.

 

해서 작성한 코드는 아래와 같다.

    const address = document.location.hash;
    console.log(address)

하지만 이렇게 하고 실행해보면

한글이 깨진다. ( #%EB%B7%B0%ED%8B%B0 ) 이렇게.

---

해결

이때 아래와 같이 변환해주면 정상적으로 출력된다.

 

console.log(decodeURI(address))

 

 

참고

 

escape / unescape

encodeURI / decodeURI

encodeURIComponent / decodeURIComponent