토스트

220615 프론트엔드 부트캠프 36일차 : 웹 에디터(wysiwyg), XSS, OWASP, Hydration

오늘은 좀 신기한 걸 배웠다! 데려와서 넣기만 하면 갑자기 에디터가 생기는 라이브러리랑 해킹 공격? 해보기! 자리 바꾸니까 신기하게 하나도 안 졸려...뭘까 대체 웹 에디터 wysiwyg (위지위그, what you see is what you get) 유명한 것 세 개 1. react-draft-wysiwyg 2. https://www.npmjs.com/package/react-quill 3. toast-ui-editors - 노션처럼 꾸밀 수 있음, 국내에서 만든 괜찮은 라이브러리! 수업에서는 리액트 퀼을 사용한다. 리액트 퀼의 onChange는 HTML의 onChange가 아니다. 그래서 event.target.value로 받지 않고, 그냥 함수 인자로 value를 받으면 된다. ReferenceE..