-
#4 마크다운 에디터 구현Mate프로젝트 2025. 1. 9. 19:02
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 제일 상단으로 커서가 점프되는 현상존재
아직 해결하지 못함
참고자료
...
'Mate프로젝트' 카테고리의 다른 글
#5 프로덕트 상세보기 페이지 구현 (0) 2025.01.19 #3 카카오 로그인 페이지 디자인 구현 (1) 2024.12.27 #2 프론트 세팅 및 홈페이지 구현 (1) 2024.12.26 #1-b 와이어 프레임 (1) 2024.12.26 #1-a 와이어 프레임 (0) 2024.12.24