리엑트에서 html 태그가 있는 글을 출력하면 아래와 같이 나옵니다.
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-121.png?resize=720%2C569)
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-122.png?resize=550%2C166)
리엑트에서는 XSS 공격을 사전에 방지하기 위해 HTML 태그 , JS 문법은 모두 escape 시키기 때문에 html 태그가 읽히지 않습니다.
그러나 DB 나 다른 파일에서 HTML 문서 또는 내용을 불러와야 될때가 있습니다.
이럴때 사용하는 함수가 dangerouslySetInnerHTML={?{__html:?}?} 함수입니다.
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-123-1024x480.png?resize=720%2C338)
이 문법을 적용하고 기존에 있던 코드를 삭제하였습니다. 그리고 dangerouslySetInnerHTML={?{__html: this.state.des?}?} 로 변경하였습니다.
![](https://i0.wp.com/blog.ifixcomputer.org/wp-content/uploads/2021/02/image-124.png?resize=340%2C99)
위와 같이 정상적으로 HTML 태그를 불러온 모습입니다!