기능

• 텍스트 입력
• 폰트 크기,색상 조절
• 이미지 추가
• 텍스트 정렬 기능
• 발행 버튼 클릭시 로컬스토리지에 추가됨과 동시에 하단에 내용이 표시됨
• 전체 지우기 클릭시 로컬스토리지에 있는 내용이 전부 삭제됨과 동시에 내용 초기화
• 내용입력의 유무와 관련없이 10초마다 로컬스토리지에 저장되며, 새로고침을 해도 내용이 남도록 설계
• 내용의 변경정도가 15글자를 넘어서면 자동으로 로컬스토리지에 저장되게 설계

사용 기술

• react-quill
• react, react-dom
• typescript

깃허브 페이지

https://github.com/jyc-coder/webeditor

구현 모습