Mate프로젝트

#4 마크다운 에디터 구현

프론트 엄복동 2025. 1. 9. 19:02
728x90

 

Link

Issue: https://github.com/spring-bud/mate-fe/issues/6

PullReq: https://github.com/spring-bud/mate-fe/pull/7

기술적구현

 

2025.01.09 - [분류 전체보기] - 마크다운 에디터 구현하기(+preview)

 

 

고민&의사결정 과정

마크다운 에디터 구현과정에 서술

개선되야할 사항

  • 이미지업로드 프로세스
  • preview 이미지렌더링 코드
  • 드래그된 텍스트를 툴바아이템을 통해 변경하면 마크다운으로 변경되지만 재클릭 하면 취소되는 기능 미구현
    • ex) text 에서 U 클릭하면 *ㅎㅇ* 하고 재클릭하면 취소되어야하지만 재클릭 하면 **ㅎㅇ** 한번 더 중첩됨.
  • content길이가 길어질 수록 preview bar와 스크롤 위치 동기화
  • 프롭 드릴링
  • 렌더링 최적화
  • alert 대체
  • 태그 비속어필터링 서버통신 프로세스

학습사항

  • plugin 및 개발/빌드 단계에서만 사용될 디펜던시 구분
  • 아키텍쳐 구조
  • 코드미러 라이브러리

에러슈팅

현재 content가 길어짐에 따라 타자를 빨리치면 content 제일 상단으로 커서가 점프되는 현상존재 

아직 해결하지 못함

참고자료

...

728x90