JavaScript encodeURIComponent()와 decodeURIComponent()

encodeURIComponent()와 decodeURIComponent()는 JavaScript에서 문자열을 URI(Uniform Resource Identifier)에서 사용할 수 있는 형식으로 인코딩(escaping)하고 디코딩(unescape)하는 데 사용되는 함수입니다. 이러한 함수는 URL에서 데이터를 전달하거나 다룰 때 주로 사용되며, URI에 포함될 수 없는 문자를 처리하는 데 도움을 줍니다.

1. encodeURIComponent() 함수:
encodeURIComponent() 함수는 문자열을 URI에서 사용 가능한 형식으로 인코딩합니다. 이 함수는 모든 문자를 처리하고, URI에서 안전하지 않은 문자를 이스케이프 처리합니다.
예를 들어, encodeURIComponent("Hello, world!")는 "Hello%2C%20world%21"을 반환합니다.

var originalString = "Hello, world!";
var encodedString = encodeURIComponent(originalString);
console.log(encodedString); // 출력: "Hello%2C%20world%21"

2, decodeURIComponent() 함수:
decodeURIComponent() 함수는 encodeURIComponent() 함수로 인코딩된 문자열을 다시 원래의 문자열로 디코딩합니다.
예를 들어, decodeURIComponent("Hello%2C%20world%21")는 "Hello, world!"를 반환합니다.

var encodedString = "Hello%2C%20world%21";
var originalString = decodeURIComponent(encodedString);
console.log(originalString); // 출력: "Hello, world!"

이러한 함수들은 URI에서 데이터를 안전하게 전달하고, URI 문자열에 포함될 수 없는 문자(예: 공백, 특수 문자)를 처리하는 데 사용됩니다. 주로 웹 개발에서 URL 매개변수를 생성하거나 해석하는 데 유용하며, 사용자 입력 데이터를 URI에 삽입할 때 보안 문제를 방지하는 데 도움을 줍니다.