drag-and-drop이란?
@atlaskit/pragmatic-drag-and-drop을 사용하여 드래그 앤 드롭을 구현합니다. 정렬 가능한 목록, 재정렬 가능한 항목, 칸반 보드 또는 드래그 앤 드롭 상호 작용을 구현할 때 사용합니다. 성능 문제를 방지하기 위해 드래그 가능한 설정, 드롭 대상, 가장자리 감지, 드래그 미리 보기 및 중요한 상태 관리 패턴을 다룹니다. 출처: wodsmith/thewodapp.
·drag-and-drop
</>
drag-and-drop
✓@atlaskit/pragmatic-drag-and-drop을 사용하여 드래그 앤 드롭을 구현합니다. 정렬 가능한 목록, 재정렬 가능한 항목, 칸반 보드 또는 드래그 앤 드롭 상호 작용을 구현할 때 사용합니다. 성능 문제를 방지하기 위해 드래그 가능한 설정, 드롭 대상, 가장자리 감지, 드래그 미리 보기 및 중요한 상태 관리 패턴을 다룹니다.
drag-and-drop 설치 방법
명령줄에서 drag-and-drop AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: wodsmith/thewodapp.
SKILL.md
원본 보기This project uses @atlaskit/pragmatic-drag-and-drop for drag-and-drop functionality.
NEVER put volatile drag state in useEffect dependencies. This causes handlers to re-register on every state change.
Use Symbol to scope drag operations to a single list:
@atlaskit/pragmatic-drag-and-drop을 사용하여 드래그 앤 드롭을 구현합니다. 정렬 가능한 목록, 재정렬 가능한 항목, 칸반 보드 또는 드래그 앤 드롭 상호 작용을 구현할 때 사용합니다. 성능 문제를 방지하기 위해 드래그 가능한 설정, 드롭 대상, 가장자리 감지, 드래그 미리 보기 및 중요한 상태 관리 패턴을 다룹니다. 출처: wodsmith/thewodapp.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-22
- 업데이트
- 2026-03-11
빠른 답변
drag-and-drop 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/wodsmith/thewodapp