웹 에디터 구현하기

정영찬·2022년 10월 14일
0

프로젝트 실습

목록 보기
55/60

기능

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

사용 기술

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

깃허브 페이지

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

구현 모습

profile
개발자 꿈나무

0개의 댓글