📚 Reference

📜 Chapter

‣

dompurify

dompurify
돔 퓨리파이
웹 보안의 핵심인 XSS(Cross-Site Scripting) 공격을 방지하기 위한 살균제(Sanitizer) 라이브러리이다.
dangerouslySetInnerHTML처럼 HTML을 직접 삽입해야 할 때, 그 안에 포함된 위험한 스크립트나 악성 태그를 깨끗하게 걸러내고 안전한 HTML만 남겨주는 역할을 한다.
DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

필요한 이유

우리가 숲에서 버섯을 채집했다고 가정해 보자. 그중에는 먹어도 되는 버섯도 있지만, 독버섯도 섞여 있을 수 있다.
- 원본 HTML: 숲에서 막 채집한 버섯들 (안전한 <b>, <div> + 위험한 <script>)
- DOMPurify: 독버섯만 골라내고 깨끗하게 씻어주는 과정
- 결과물: 안심하고 요리(렌더링)할 수 있는 식재료

작동 방식

작동 방식은 매우 강력하고 명확하다.