JavaScript의 encodeURIComponent 함수 활용법

encodeURIComponent란?

encodeURIComponent는 자바스크립트에서 URL의 쿼리 스트링을 만들 때 사용하는 함수입니다. 이 함수는 URL에 사용할 수 없는 문자들을 인코드하여 안전하게 사용할 수 있도록 만들어 줍니다.

사용법

const queryString = 'hello world';
const encodedQuery = encodeURIComponent(queryString);
console.log(encodedQuery);
// 결과: 'hello%20world'

위의 코드에서 볼 수 있듯이, encodeURIComponent 함수는 문자열을 받아서 인코드된 새로운 문자열을 반환합니다. 인코드된 문자열에서 공백은 %20으로 변환됩니다.

왜 사용해야 할까?

URL에는 몇 가지 문자들이 사용될 수 없습니다. 예를 들어, 띄어쓰기는 URL에 직접 사용될 수 없으므로 %20으로 대체되어야 합니다. 만약 이를 대체하지 않는다면, URL이 유효하지 않아서 에러가 발생할 수 있습니다. 이런 경우에는 encodeURIComponent 함수를 사용하여 문자열을 안전하게 변환할 수 있으며, 이는 URL의 유효성을 보장하는 데 큰 도움이 됩니다.

결론

encodeURIComponent 함수는 URL의 쿼리 스트링을 만들 때 안전하게 사용할 수 있도록 문자열을 변환해주는 유용한 함수입니다.

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