배경

html 형태로 저장된 데이터를 화면에 보여주고 싶다

dangerouslySetInnerHTML

<div dangerouslySetInnerHTML = {{ __html: htmlData }}/>

이 형태로 사용하면 문자열 html 이 화면에 보여진다

사이트 간 스크립팅 공격 과 크로스 사이트 스크립팅 (XSS, cross-site scripting) 문제가 발생하니 사용하는것은 권장하지 않는다고 한다

참조

https://velog.io/@advanced-rising/React-dangerouslySetInnerHTML