DOMPurify - dangerouslySetInnerHTML을 안전하게 사용하는 방법
·
Framework/React
✅ dangerouslySetInnerHTML이란? dangerouslySetInnerHTML은 React에서 HTML 문자열을 직접 렌더링해야할 때 사용된다.이는 브라우저 DOM에서 innerHTML을 사용하기 위한 React의 대체 방법이다. 활용 사례- 서버에서 받은 HTML 콘텐츠를 그대로 표시해야 하는 경우- 위지위그(WYSIWYG) 에디터에서 생성된 HTML을 렌더링할 때 코드 예시function createMarkup() { return {__html: 'First · Second'};}function MyComponent() { return ;} 🚨 dangerouslySetInnerHTML의 위험성 일반적으로 코드에서 HTML을 설정하는 것은 XSS(사이트 간 스크립팅)..