리액트에서 스마트에디터 구현1 리액트에서 CK에디터 구현하기2 (리액트 html 태그 사용 법 dangerouslySetInnerHTML) [20221106-TIL] 어제는 다름이 아니라 리액트에서 CK에디터 라이브러리를 가져와 적용하는 법을 간단하게 소개했다. 어제 백엔드 테스트는 마쳤고 이제 그걸 프론트로 가져올때 어떻게 되는지를 알아야하는데 실제로 가져와보았다. CK에디터 텍스트 리액트에 그냥 가져왔을때 화면 결과 작성할때에는 위와 같이 보이다가 가져오면 아래와 같다. 리액트는 HTMl태그를 인식하지 않고 텍스트 그자체로 가져오는데 이는 스크립팅 공격을 방지하기 위해서 라고 한다. 크로스사이트 스크립팅 공격이란? 크로스 사이트 스크립팅은 웹사이트에 악성 스크립트를 주입하는 행위를 말합니다. 해커는 사람들이 친밀하고 안전하다고 생각하는 웹사이트에 악성 스크립트를 주입하고, 악성 스크립트가 포함된 게시글을 열람한 피해자들의 쿠키는 해커에게 전송됩니다. 이를 통해 해.. 2022. 11. 6. 이전 1 다음
