[JavaScript] 내장함수(1) - encodeURI, encodeURIComponent

* 내장함수 : 자바스크립트에서 기본적으로 제공하는 함수

encodeURI()

• URI의 특정한 문자를 UTF-8로 인코딩하는 함수
  • http://를 포함하는 URI 전체를 인코딩하는 경우 用。
• 알파벳, 0~9의 숫자, ; , / ? : @ & = + $ # - _ . ! ~ * ' ( ) 를 제외한 문자를 인코딩(이스케이프 처리)

encodeURIComponent()

• URI의 부분(ex> query string)을 인코딩하는 함수
• A-Z a-z 0-9 - _ . ! ~ * ' ( ) 를 제외한 문자를 인코딩(이스케이프 처리)
  • encodeURI()보다 이스케이프 처리하는 문자의 종류 많음
    
    

Example

let urlTest = "https://www.velog.io/테스트";

encodeURI(urlTest);
//결과: https://www.velog.io/%ED%85%8C%EC%8A%A4%ED%8A%B8

encodeURIComponent(urlTest);
//결과: https%3A%2F%2Fwww.velog.io%2F%ED%85%8C%EC%8A%A4%ED%8A%B8

→ URI 전체를 인코딩할 때는 encodeURI() 를 사용하고 URI 파라미터를 인코딩 할 때는 encodeURIComponent()를 사용하면 된다.

Reference

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/encodeURI
• https://www.codingfactory.net/10377