URL 인코드와 디코드 변환하는 방법과 개념

 

🐣인코딩 & 디코딩 이란?

Encoding: 인코딩이란 사람이 인식할 수 있는 문자열을 바이트 형식으로 변환 하는 과정 

Decoding: 디코딩이란 인코딩과 반대 개념으로 바이트 형식을 문자열로 변환 하는 과정 

인코딩과 디코딩은 주로 HTTP 통신을 할때 URI에 한글 혹은 특수문자가 포함되어 있을때 주로 사용한다. 

 

🐣인코딩 & 디코딩 개념

EX: URI 상수에 값을 encodeURI로 변환하면 아래에 변환된 값으로 변환된다. 

인코딩된 값을 다시 decodeURI로 변환을 하면 다시 안녕하세요 문자열을 변환시킨다. 

 

인코딩과 디코딩을 사용하는 이유

인코딩과 디코딩을 하는 이유 중에 가장 큰 이유는 URI 주소 또는 file 이름에 한글 or 특수문자가 포함되면 에러를 발생 시킬 수 있다. 이러한 에러를 해결하기 위해서 인코딩과 디코딩을 활용해서 원하는 결과값을 얻을수 있다. 이러한 처리를 

"이스케이핑" 이라고 한다.

 

const uri = "https://mozilla.org/?keyword=안녕하세요";
const encoded = encodeURI(uri);
console.log(encoded);
// Expected output: "https://mozilla.org/?keyword=%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94"

console.log(decodeURI(encoded));
//Expected output: https://mozilla.org/?keyword=안녕하세요

 

🐣Javascript 내에서 활용할 수 있는 인코딩 & 디코딩 메서드 

 

 

encodeURI(), decodeURI()

• 이 함수를 통해서 "full URL"을 인코드하거나 디코드해서 사용 할 수 있다. 
• encodeURI()는 "full URL"을 인코딩하도록 설계되었기 때문에 인코딩 제외 문자가 있다. 

 

URI Syntax 에 포함되어 제외되는 기호들, encodeURI() 의 제외 기호들은 아래의 문자들입니다.

A–Z a–z 0–9 - _ . ! ~ * ' ( )

; / ? : @ & = + $ , #

 

 

URI Syntax에 포함되어 제외되는 기호들은 encodeURI() 함수에서 변환이 되지 않는다. 이러한 부분을 잘 고려해야된다.

 

encodeURIComponent(), decodeURIComponent()

• encodeURIComponent()는 encodeURI() 의 URI Syntax 기호를 제외하지 않고 모든 문자를 인코딩합니다.
• encodeURI()에서 변환되지 않는 문자들 때문에 encodeURIComponent() 함수를 활용해서 인코딩을 하면 된다. 

edcodeURI와 encodeURIComponent 메서드를 적절하게 활용해서 인코딩을 사용할 수 있다.

 

---

 

재밌는 오늘의 띠별 운세 보고가세요!