태그 및 토큰 선택을 손쉽게 관리

토큰 박스 데이터 에디터를 사용하면 단일 텍스트 입력 필드 안에서 여러 항목 또는 토큰을 손쉽게 입력하고 삭제하며 관리할 수 있습니다.

태그 및 토큰 선택을 손쉽게 관리

토큰 박스(token boxes)는 토큰 입력 컨트롤(token input controls)이라고도 하며, 여러 값을 위한 데이터 입력을 간소화하도록 설계된 사용자 인터페이스 요소입니다. 사용자는 단일 폼 필드 안에서 개별 데이터 조각(토큰)을 입력하고, 관리하며, 조작할 수 있습니다. 이를 통해 태깅(tagging), 분류(categorization), 다중 항목 선택이 쉬워져 사용자 경험이 향상되며, 직관적인 인터페이스를 위한 강력한 도구도 제공됩니다. 이점으로는 시각적으로 값이 분리되어 명확성이 향상되고, 데이터 처리 효율이 높아지며, 검색 필터, 이메일 주소 입력, 태깅 시스템과 같은 애플리케이션에서 사용하기 편리하다는 점이 있습니다.

많은 React 데이터 에디터 컬렉션에는 다음과 같은 토큰 박스 / 입력 컨트롤이 포함되어 있습니다:

  • DevExtreme Complete Data Editors (DevExpress의 DevExtreme Complete에 포함됨)에서는 멀티셀렉트 드롭다운에서 입력하는 동안 필터링 제안을 제공합니다.
  • Wijmo Input and Editors (MESCIUS의 Wijmo에 포함됨)에서는 검색 가능한 목록에서 여러 선택 항목을 고르고 관리할 수 있습니다.
  • KendoReact Data Editors (Telerik의 KendoReact에 포함됨)에서는 여러 옵션을 선택하기 위한 사용자 친화적인 인터페이스를 만들 수 있도록 돕습니다.

기능과 가격에 대한 심층 분석을 보려면 React Data Editors 비교를 확인하세요.

React Data Editors 비교