자바스크립트 encodeURI 함수란 무엇이며 어떻게 사용하나요?

Photo of author

By tutor

자바스크립트 encodeURI 함수란 무엇이며 어떻게 사용하나요?

자바스크립트 encodeURI 함수란 무엇이며 어떻게 사용하나요?

 

자바스크립트 encodeURI 함수란 무엇이며 어떻게 사용하나요?

encodeURI 함수란?

자바스크립트에서 encodeURI 함수는 URL의 일부로 사용할 수 있는 문자열을 인코딩하는 데 사용됩니다. 이 함수를 사용하면 URL에서 일부 문자가 인코딩되어 전송됩니다. 이렇게 하면 URL이 올바르게 해석되도록 보장합니다.

const url = 'http://www.example.com?name=John Doe';
const encodedUrl = encodeURI(url);
console.log(encodedUrl); 
// 출력결과: 'http://www.example.com?name=John%20Doe'

encodeURI 함수 사용하기

encodeURI 함수는 매우 간단하게 사용할 수 있습니다. 다음은 자바스크립트 encodeURI 함수의 작동 방식을 이해하는 데 도움이 될 수 있는 코드 예제입니다.

  • URL에서 사용할 수 없는 문자들은 인코딩됩니다.
  • 인코딩된 URL과 비교하면 자연스러운 문자열과 차이를 확인할 수 있습니다.
  • 파라미터값은 인코딩되지 않습니다. 이에 대해 적용해야 하는 별도의 인코딩 방법이 있습니다.
const url = 'http://www.example.com?name=John Doe';
const encodedUrl = encodeURI(url);
console.log(encodedUrl);
// 출력결과: 'http://www.example.com?name=John%20Doe'

const url2 = 'http://www.example.com/John & Jane Smith';
const encodedUrl2 = encodeURI(url2);
console.log(encodedUrl2);
// 출력결과: 'http://www.example.com/John%20&%20Jane%20Smith'

결론

자바스크립트 encodeURI 함수는 URL의 일부분으로 사용할 수 있는 문자열을 인코딩하는 데 사용됩니다. 이 함수를 사용하면 URL에서 불필요한 문자가 인코딩되어 전송됩니다. 이렇게 하면 URL이 올바르게 해석되도록 보장합니다. 하지만 파라미터값은 인코딩되지 않기 때문에 참고가 필요합니다.

키워드: 자바스크립트 encodeURI 함수