LabEx
로그인무료 가입

JavaScript 로 HTML 문자 Unescape 하기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 를 사용하여 HTML 문자를 unescape 하는 방법을 살펴봅니다. HTML escaping 은 HTML 에서 특수 문자를 인코딩하여 크로스 사이트 스크립팅 공격을 방지하기 위해 사용되는 일반적인 기술입니다. 하지만 때로는 escape 된 문자를 원래 형태로 다시 변환해야 할 필요가 있습니다. 가장 일반적인 HTML 문자를 unescape 하는 함수를 생성하여 이를 수행하는 방법을 배우겠습니다.

HTML Unescape (언이스케이프)

이 함수는 escape 된 HTML 문자를 unescape 합니다. 사용하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 엽니다.
  2. node를 입력합니다.
  3. 다음 코드를 복사하여 붙여넣습니다.
const unescapeHTML = (str) =>
  str.replace(
    /&|<|>|'|"/g,
    (tag) =>
      ({
        "&": "&",
        "&lt;": "<",
        "&gt;": ">",
        "&#39;": "'",
        "&quot;": '"'
      })[tag] || tag
  );
  1. unescapeHTML 함수를 호출하고 escape 된 문자가 포함된 문자열을 전달합니다.
  2. 함수는 unescaped 된 문자열을 반환합니다.

사용 예시:

unescapeHTML("&lt;a href=&quot;#&quot;&gt;Me &amp; you&lt;/a&gt;");
// '<a href="#">Me & you</a>'

요약

축하합니다! HTML Unescape 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.