본문으로 건너뛰기

React 애플리케이션을 위해 특별히 설계된 최신 드래그 앤 드롭 툴킷입니다. 성능, 접근성, 확장성에 중점을 두어 다양한 드래그 앤 드롭 환경에 적합합니다.

이 툴킷은 가볍고 모듈식으로 구성되어 있어 개발자가 필요한 컴포넌트만 사용할 수 있습니다. 몇 줄의 코드만으로 컴포넌트를 드래그 가능한 요소와 드롭 영역으로 바꾸어 인터랙티브한 인터페이스를 빠르게 개발할 수 있습니다.

또한 애플리케이션에 드래그 앤 드롭 기능을 간편하게 통합할 수 있는 훅을 제공하며, 부드러운 애니메이션과 빠른 반응으로 사용자 상호작용을 향상합니다. 기본 제공되는 사용자 지정 센서는 마우스, 터치, 키보드 등 다양한 입력 방식을 지원하므로 입력 장치와 관계없이 모든 사용자가 이용할 수 있습니다.

사용자 지정 옵션 외에도 이 라이브러리는 의존성이 없어 가볍고 효율적입니다. 목록, 그리드, 중첩 컨텍스트, 게임 등 다양한 사용 사례에 필요한 추가 기능을 개발자가 구현할 수 있도록 여러 확장 지점도 제공합니다.

기능

  • 가볍고 성능이 뛰어남
  • 키보드 지원으로 접근성 향상
  • 다양한 입력 센서
  • 다양한 사용 사례에 유연하게 적용
  • 모듈식 아키텍처
  • 사용자 지정 기능으로 확장 가능
  • 의존성 없음
  • 사용자 지정 가능한 애니메이션과 스타일

관련 항목

React DnD

이 라이브러리는 브라우저 API의 복잡한 세부 사항을 처리하지 않고도 React 애플리케이션에 효율적으로 드래그 앤 드롭 기능을 구현할 수 있게 해줍니다.

Preact

효율적인 웹 개발을 위해 React의 최신 기능과 작은 용량을 유지하면서 빠른 대안을 제공합니다.

Tamagui

React와 React Native에서 효율성과 유연성을 결합해 UI를 구축할 수 있는 강력한 라이브러리입니다.

Astro

이 웹 프레임워크는 오버헤드를 최소화하고 성능을 극대화해 빠르고 콘텐츠 중심적인 웹사이트를 만들려는 개발자를 위해 설계되었습니다.

Corset

복잡한 설정 없이 JavaScript를 바인딩하는 반응형 방식으로 HTML을 강화하세요.

Docusaurus

콘텐츠와 사용성에 집중해 문서 사이트를 손쉽게 만들 수 있도록 돕는 프로젝트입니다.

Enhance

이 솔루션은 개발자가 HTML 중심의 개발 방식을 활용하도록 해 생산성과 애플리케이션 성능을 높이고, 구축과 배포 과정을 모두 간소화합니다.

Inertia.js

현대적인 클라이언트 측 기법을 활용하면서도 기존 서버 렌더링 애플리케이션의 간결함을 유지하는 접근 방식으로 현대적인 웹 애플리케이션 개발을 간소화합니다.