Hangmin's Blog.
  • 나
  • 워홀
  • 개발
  • Faith
  • JLPT
로그인
  • 테마
  • 日本語
  • 전체 카테고리 (32)
  • 블로그 개발 (5)
  • Svelte (4)
  • 에디터 개발 (6)
  • 개발팁 (4)
  • React (2)
  • 웹서버 (1)
  • Tiptap 에디터 (4)
  • CSS (2)
  • 테스트 (1)
  • 딥러닝 (1)

개발

편집기를 좀 더 반응성 있게 만들었다.

에디터 개발 51 2025. 10. 5. 17:00 2025. 12. 27. 23:58

아래는 직접 마크다운 위지윅 편집기를 만드는 과정에서 기록한 글이다. 현재는 TipTap 에디터 활용하였다. (굴복...)


최대한 충돌이 일어나지 않도록 해보았다.

기존에는 좀 이상했던 것이 사실이다. 렌더링을 걸면서 내용까지 수정하려니 뭐가 이상할래도 많이 이상했겠지...

여러모로 작동이 제대로 안되는 것 같길래 아예 뜯어 고쳤다.

최대한 반응성 있는 방향으로 설계한 것이다.

가장 큰 변화는 자식 요소에 바인딩을 걸지 않았다는 것이다.

바인딩을 걸지 않으니깐 양방향 업데이트든 뭐든 충돌이 발생할 여지가 없다.

한가지 아쉬운 것은 # 을 칠때마다 바로바로 헤딩의 크기가 나타났으면 좋겠는데 그건 나중에 개선을 해볼까 한다.

어쨌든.... 목표는 달성한 것 같아 아, 기분 좋다.

편집기에서 구조적으로 가지고 있던 문제들을 대부분 해결했다.
에디터 개발
이전글
역시 개발을 하려면 수학을 잘해야 한다는 것을 깨달은 건에 대하여
다음글
나워홀개발FaithJLPT

Copyright © Hangmin Lee, 2026

0.6.33