Feature/#131 블록 드래그앤드랍 구현

[Ludovico7]

📝 변경 사항

• 블록 옵션 버튼을 드래그해 블록의 위치를 이동 구현 #43
• 블록 드래그 앤 드랍 구현(@dnd-kit 라이브러리)
  • 블록의 텍스트 블록 옆에 메뉴블록(노션의 점 6개 버튼) 구현
  • 메뉴블록을 클릭 후 드래그하면 블록 드래그 앤 드랍 가능
  • 드랍할 때 블록별 노드 연결관계 수정하는 crdt 메서드 추가(reorderNodes())
  • 라이브러리에서 지원하는 드래그 앤 드랍 애니메이션 적용

🔍 변경 사항 설명

아직 변경된 코드에 대해 개발 위키를 작성하지 못했습니다! pr올린 후에 따로 개발위키로 작성하겠습니다!

🙏 질문 사항

• 현재 crdt라이브러리에 reorderNodes를 구현했습니다. crdt 라이브러리에 변경사항이 생기다 보니 remote나 local 관련해서 대응하는 별도의 메서드를 추가해야 할 수도 있을 것 같습니다.
• 현재 추가로 구현해야할 부분은 다음과 같습니다
  • 블록을 드래그할 때, 자식 블록이 있는 경우, 해당 자식 블록도 같이 드래그 가능
  • 드래그 앤 드랍시, indent에 따라 일어날 수 있는 엣지 케이스들 처리
  • 스크린샷 마지막 케이스처럼 indent2인 블록을 indent1인 블록 아래로 옮길 경우 indent1로 변경되는데 이부분은 마크다운 규칙을 같이 정해보고 수정할 수 있을 것 같습니다.
    아직은 말 그대로 블록을 드래그 해서 다른 위치에 드랍하는 정도만 구현되었습니다. indent에 따른 자식 관계나 이런 부분은 아직 구현하지 못해서 해당부분은 추가로 학습 후 구현하겠습니다!

📷 스크린샷 (선택)

2024-11-17.5.33.10.mov

✅ 작성자 체크리스트

• Self-review: 코드가 스스로 검토됨
• Unit tests 추가 또는 수정
• 로컬에서 모든 기능이 정상 작동함
• 린터 및 포맷터로 코드 정리됨
• 의존성 업데이트 확인
• 문서 업데이트 또는 주석 추가 (필요 시)

[Ludovico7]

도커에서 에디터에 있는 도커 컴포넌트를 찾지 못하는 것 같은데 뭐가 문제일까요... 계속 import 경로를 수정해도 해결이 안되네요...

[minjungw00]

도커 빌드 문제가 대소문자때문이었군요ㅋㅋ 수고많으셨습니다!

[hyonun321]

수고하셨습니다 !! 추후 수정해 나가면될 것 같아요