location.search 파라미터로 받아온 한글 쿼리의 깨짐 현상

 

 

 

 

파라미터로 받아온 검색어를 input value에 바로 설정할 경우 깨지는 현상이 발생했다.

 

이럴 때 필요한 함수는

decodeURIComponent(): URI(Uniform Resource Identifier)로 변환된 문자를 정상적인 문자열로 디코딩하는 함수

 

const queryString = decodeURI(location.search.slice(3));

이렇게 설정함으로서 해결!