XSS 방어 전략 — 프론트엔드와 백엔드 양면 접근

XSS 공격 유형

• Stored XSS: DB에 저장된 악성 스크립트
• Reflected XSS: URL 파라미터를 통한 공격
• DOM XSS: 클라이언트 사이드 스크립트 조작

방어 방법

// 입력 새니타이징
import DOMPurify from "dompurify";
const clean = DOMPurify.sanitize(userInput);

// React는 기본적으로 이스케이핑
<div>{userInput}</div>  // 안전
<div dangerouslySetInnerHTML={{__html: userInput}} />  // 위험!

HttpOnly 쿠키, CSP 헤더, 입력 검증을 함께 적용하세요.