콘솔창에서 parameter가 이상한 값으로 넘어올때 확인 방법

콘솔창에서 가끔

아래와 같이 파라미터가 이상한 값으로 출력되는 경우가 있다.

웹을 통해서 데이터를 전송할 때 특정 문자들은 특수한 기능으로 사용된다.
예를들어, http://a.com?name=egoing&job=programmer 에서
&job=programmer 중 '&'는 하나의 파라미터가 끝나고 다음 파라미터가 온다는 의미이다.
그런데 다음과 같이 job의 값에 &가 포함된다면 시스템은 job의 값을 제대로 인식할수 없게 된다.
http://a.com?name=egoing&job=programmer&blogger
이런 문제를 회피하기 위해서 다음과 같이 치환해준다.
http://a.com?name=egoing&job=programmer%26blogger
그럼 시스템에서는 %26을 &로 해석하고 의도대로 해석할 수 있게 된다.
이러한 처리를 이스케이핑(escaping)라고 부른다.

decodeURIComponent는 encodeURIComponent로 이스케이핑 된 문자열을 정상적인 문자열로 되돌려주는 역활을 한다.

decodeURIComponent를 사용해 보면

다음과 같이 나오는 것을 확인 할 수 있다.

반대로 동작하는게 하는 것은 encodeURIComponent 인 것을 확인 할 수도 있다.

참고 : https://opentutorials.org/course/50/188