오늘은 내가 도전중인 챌린지가 쉬운 거라서(?) 내 프로젝트를 업그레이드 시켰다.
오늘은 Search 페이지를 만들려고 URL을 보내고 받아와서 서버를 굴려 값을 받아와 출력시키는 것까지 모두 완료를 했을때... 테스트를 할려 영어를 입력하려다 모르고 한글로 타자를 쳐서 검색하자!!! (쎄한 느낌) 검색이 안됬다. (아니 이게 쎄한거였나...) 하지만 눈치 빠른 나는(?) 프론트엔드에 문제가 있다는 것을 한눈에 알아차렸다. console에 로그를 찍어보니 다름아닌 이상한 게 나왔다! (약간 이런 %26%56%34...) 음?? 뭐지... 보아하니 한글이 인코딩 된 문자열같았다. 그래서 바로 구글링을 해보았더니 역시 맞았다. 해결방법은 아주 쉬웠다. 그냥 decodeURI(못생긴 인코딩된 한글이 들어간 URL)을 하면 자연스럽게 짠! 하고 아무렇지 않게 디코딩되어 잘 작동하였다. 그래서 안도의 한숨(?)을 뱉고는 바로 netlify에 다시 배포했다.

...라는 재미있는(?) 오늘 겪은 일입니다. 사실 방금전에 겪은... 크흠; 그래서 앞으로 URL을 봤는데 한글이 이상하게 보인다?? 라면 decodeURI(<URL>)을 적어서 변수에 저장하여 사용하면 됩니다!

그럼 지금까지 긴 글 읽어주셔서 감사합니다!
도움이 되셨으면...


사용한 프레임워크: 리액트
사용한 언어: 자바스크립트
사용한 컴퓨터(?): 저의 컴퓨터(?)