Tag: Drag and Drop

All the articles with the tag "Drag and Drop".

• 비주얼 워크플로우 에디터: 노드 기반 AI 파이프라인 설계

  18 Sep, 2025

  React + SVG 기반 커스텀 캔버스 에디터를 직접 구현한 과정. 노드 드래그 앤 드롭, 베지어 엣지, 포트 스냅핑, Undo/Redo 히스토리, 셀렉션 박스, 예측 노드 자동 생성까지.

• 커스텀 노드 에디터: 드래그 앤 드롭 + 엣지 스냅핑 구현

  16 Jun, 2025

  워크플로우 에디터의 핵심 인터랙션 구현. 노드 드래그 앤 드롭, 엣지 스냅핑(자동 연결), 포트 타입 호환성 체크, 줌/패닝 최적화까지 실전 구현기.