드래그 앤 드롭, 이제 ‘무엇이 될 수 있는지’만 선언하세요

Declarative Dragging

드래그 앤 드롭, 이제 ‘무엇이 될 수 있는지’만 선언하세요

Declarative Dragging은 드래그 상호작용을 직접 코딩하는 대신, 각 요소가 드래그됐을 때 도달할 미래 상태를 선언하는 방식이다. D2 엔진이 이 상태들을 추측 렌더링해 요소의 위치를 추출하고, 이를 바탕으로 부드러운 드래그 앤 드롭을 합성한다. SVG용 라이브러리 Dragology로 구현됐으며, 수학 퍼즐과 Hazel 프로그래밍 환경 등에 적용됐다. 복잡한 기하학·피드백·애니메이션 코드 없이도 풍부한 촉각적 인터랙션을 만들 수 있다.

결국 모델 기반 드래깅의 원시 버전을 떠올렸지만, 구현이 막막해 보여서 그 아이디어는 이후 2년 동안 화이트보드에 머물렀고, 샌드위치를 만들러 갈 때마다 나를 괴롭혔다.

이 날의 다른 글

2026-11-08