[내장 함수]인코딩과 디코딩

자바스크립트의 내장 함수중 인코딩과 디코딩이 있다.

인코딩은 뭐고 디코딩은 뭐냐...

인코딩 : 문자를 컴퓨터에 저장하거나 통신에 사용할 목적으로 부호화 하는 방법

디코딩 : 인코딩의 반대로 부호화된 문자를 원래대로 되돌리는 것이 디코딩

네이버에서 자바스크립트 라고 검색을하고 주소창을 확인해보자.

엄... 잘 안보이겠지만

http://search.naver.com/search.naver?where=nexearch&query=%EC%9D%B8%EC%BD%94%EB%94%A9&sm=top_hty&fbm=1&ie=utf8

라고 출력이 될것이다.여기서 어떠한 부분이 인코딩 되었냐면

%EC%9D%B8%EC%BD%94%EB%94%A9 이 부분이다.

예제를 통해 인코딩과 종류를 확인해 보자.

//인코딩할 URL을 만듭니다.
var URI = 'http://hanb.co.kr?test=한글입니다.';
 
//출력할 문자열을 만듭니다.
var output = '';
output += '★escape()\n';
output += escape(URI) + '\n\n';
output += '★encodeURI()\n';
output += encodeURI(URI) + '\n\n';
output += '★encodeURIComponent()\n';
output += encodeURIComponent(URI) + '\n\n';
 
//출력합니다
alert(output);

디코드는

unescape

decodeURI()

decodeURIComponent()

등이 있다.

가장 많이 사용되는 인코딩 방식은 encodeURIComponent() 라고 한다. (이 부분은 개발자들 사이에서 호불호가 갈리기 때문에 그렇구나 라고만 알아두면 좋을듯)