react-quill 사용해서 post 페이지 폼을 만들고있었는데 내용을 적으면 게시글이 잘 등록은 되고 supabase 에도 잘 올라가지만 html 태그가 같이 올라가는 현상이 발생했다. 해당 현상은 dangerouslySetInnerHTML 을 추가해서 뷰포트 환경에서는 없앤 상태로 보이게끔 만들었는데, dangerouslySetInnerHTML 을 사용하면 보안상의 문제가 생겨서 DOMPurify 라이브러리를 추가해서 JS 코드는 실행되지 않고 html만 그려주게 만들어서 보안 문제를 해결했다. 하지만 이상하게 underline 이랑 strike 는 적용이 되는데 bold, italic, 글씨 크기는 css 적용이 안됐다. 해결은 해당 서식을 부여하기 위해 따로 css 을 추가해서 내용을 보여주는 곳에 class 로 넣어줘서 해결했다.

대분류
기능 구현
기록일자
2024/04/04 16:31
소분류
게시판
CRUD
일정 분류
2주차