Javascript & JQuery & CSS

자바스크립트(JavaScript)에서는 다음의 함수들로, HTML 페이지 주소를 인코딩/디코딩합니다.
    
1. encodeURI() / decodeURI()

최소한의 문자만 인코딩합니다.
; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #
이런 문자는 인코딩하지 않습니다.
http:// ... 등은 그대로 나옵니다.

2. encodeURIComponent() / decodeURIComponent()
    
알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다.
http:// ... 가 http%3A%2F%2F 로 됩니다.

3. escape() / unescape()
    
예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.
 

var s;

s = encodeURI('http://www.google.co.kr/소 설.html');
document.write(s);
        
// 출력 결과: http://www.google.co.kr/%EC%86%8C%20%EC%84%A4.html


s = encodeURIComponent('http://www.google.co.kr/소 설.html');
document.write(s);
        
// 출력 결과: http%3A%2F%2Fwww.google.co.kr%2F%EC%86%8C%20%EC%84%A4.html


s = escape('http://www.google.co.kr/소 설.html');
document.write(s);
        
// 출력 결과: http%3A//www.google.co.kr/%uC18C%20%uC124.html
        

어떤 함수든 "공백 문자" 즉 스페이스는 %20 으로 치환합니다. 그러나 주소의 공백은 없어야 합니다.
인터넷 주소창 등에서, 많은 퍼센트(%) 기호들을 볼 수 있습니다. 
알파벳과 숫자가 아닌, 특수 문자나 한글이 인코딩되어 있는 것입니다. 
    
이것을 해독하기 위해서는 디코딩(decoding) 과정을 거쳐야 합니다. 


예를 들어, %EC%86%8C%EC%84%A4를 decodeURI() 함수로 디코딩하면 소설이라는 문자열이 나타납니다. 
    
그러나 만약 escape() 함수로 인코딩한다면, 소설이라는 문자열이 %uC18C%uC124 이렇게 표현됩니다. 이것은 unescape() 함수로 풀어야 합니다. 
    
encodeURIComponent() 함수는 encodeURI() 함수보다, 더 넓은 범위의 문자들을 인코딩하는 함수입니다.

위의 함수들의 설명을 보면 모두 문자를 영문, 숫자를 제외한 문자들중에 각각의 예외를 제외하고 unicode 형태(웹 이므로 utf-8)로 인코딩한다. 
    
각각의 예외는 encodes는 (* @ - _ + . /) encodeURI는 (, / ? : @ & = + $ #) encodeURIComponent 는 예외가 없다.

그러므로 encodeURI로 주소 전체를 인코드 하더라도 주소로 사용할수 있으며, encodeURIComponent는 주소 전체를 get 방식으로 전달 할 수 있다.
    
그리고 각각 unescape(), decodeURI(), decodeURIComponent() 로 decode 할수 있다

4. 불러오는 .js파일의 문서 인코딩을 변경할수 없는 경우
    
신용카드 결재나, 본인 확인 서비스 같은 타 업체에서 지원해주는 서비스일 경우 해당 .js 파일 인코딩은 euc-kr로 되어 있는데 자신의 소스  인코딩은 utf-8로 되어 있는 경우가 있다.

이럴경우 해당 업체에 문의 하면 되기도 하지만, 
    

<script language=JavaScript src="해당서비스js파일.js" charset='euc-kr'></script>

위와 같이, 선언해주는 곳에 charset을 지정해주면 이 문제가 해결 된다.