자바스크립트 decodeURI 함수: 인코딩된 URL 문자열을 디코딩하는 방법

Photo of author

By tutor

자바스크립트 decodeURI 함수: 인코딩된 URL 문자열을 디코딩하는 방법

자바스크립트 decodeURI 함수: 인코딩된 URL 문자열을 디코딩하는 방법

 

자바스크립트 decodeURI 함수: 인코딩된 URL 문자열을 디코딩하는 방법

decodeURI 함수란?

자바스크립트에서 인코딩된 URL 문자열을 디코딩하고 싶을 때 decodeURI함수를 사용합니다.

const decodedURL = decodeURI("%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94");
console.log(decodedURL); // "안녕하세요"

왜 디코딩이 필요할까요?

URL에서는 영어, 숫자 등 일부 문자만 사용이 가능합니다. 따라서 한글과 같은 문자는 UTF-8로 인코딩을 해줘야 하며, URL에서는 이러한 인코딩된 문자열을 사용해야 합니다.

인코딩하는 방법

URI 인코딩은 encodeURIComponent 함수로 할 수 있습니다.

const encodedURL = encodeURIComponent("안녕하세요");
console.log(encodedURL); // "%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94"

decodeURI의 사용 예시

const url = "https://example.com/search?q=%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94";
const decodedQuery = decodeURI(url);
console.log(decodedQuery); // "https://example.com/search?q=안녕하세요"

위 예시에서는 URL에서 검색어 “안녕하세요”를 UTF-8로 인코딩하여 사용하고, 실제로는 디코딩된 문자열을 출력합니다.

자바스크립트 decodeURI 함수

자바스크립트 decodeURI 함수는 URI 문자열을 디코딩하며, 이 때 %xx와 같은 이스케이프 문자열도 디코딩합니다.

키워드: 자바스크립트 decodeURI 함수, URL 디코딩, URI 인코딩