# cmdk

이 컴포넌트는 사용자 경험과 개발자의 유연성에 모두 초점을 맞춘 React용 종합 명령 메뉴 솔루션입니다.

[Website](https://cmdk.paco.me) [GitHub](https://github.com/pacocoursey/cmdk) [npm](https://npmjs.com/package/cmdk)

⌘K는 React 애플리케이션용으로 설계된 다용도 명령 메뉴 컴포넌트입니다. 기존의 대화형 메뉴 표시 방식에 새로운 접근을 시도하며, 개발자가 항목을 다른 컴포넌트나 JSX 안에 자유롭게 감쌀 수 있는 조합형 API를 제공합니다. 접근성을 중시해 고급 콤보박스로도 활용할 수 있으므로 다양한 사용자의 요구를 충족합니다.

이 컴포넌트는 항목 필터링과 정렬을 자동으로 처리해 원활한 사용자 경험을 제공합니다. ⌘K로 메뉴를 여닫는 등의 키 바인딩을 지원해 빠른 작업 흐름에도 잘 어울립니다. 데이터 속성을 사용해 스타일을 적용하므로 쉽게 사용자 지정할 수 있으며, 기본적으로 깔끔하고 스타일이 적용되지 않은 모양을 유지합니다.

중첩 메뉴 구조, 비동기 로딩, 대량의 항목을 효율적으로 관리하는 기능 등 고급 기능을 갖춰 간단한 프로젝트부터 Vercel의 명령 메뉴와 같은 복잡한 프로젝트까지 다양하게 활용할 수 있습니다. 또한 React 18과 호환되는 현대적인 디자인 철학을 적용해 성능과 안정성을 높입니다.

## 기능

- 조합형 API
- 접근성 높은 콤보박스 기능
- 항목 자동 필터링 및 정렬
- 데이터 속성을 통한 사용자 지정 스타일
- 키보드 단축키 지원
- 중첩 항목 및 그룹 처리 기능
- 비동기 항목 로딩
- 최대 3000개 항목의 대규모 목록에 최적화된 성능
- 사용자 지정 스타일을 위해 기본적으로 스타일이 적용되지 않음

## 세부 정보

**GitHub 스타**

10.0K

**npm 다운로드**

1.1M/주

**최신 버전**

1.0.4

**생성일**

Jul 15, 2022

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=KickstartUI%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=kickstartui)

## 관련 항목

### [ChakraUI](https://kickstartui.com/ko/details/chakra-ui/)

사용하기 쉽고 사용자 지정이 자유로운 필수 컴포넌트 모음으로 접근성 높은 웹 애플리케이션을 빠르고 효율적으로 만드세요.

**GitHub 스타**

38.1K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [MaterialUI](https://kickstartui.com/ko/details/mui/)

이 제품은 유연성과 디자인 표준 준수에 중점을 두고 React에서 사용자 인터페이스를 구축하기 위한 강력한 도구 모음을 제공합니다.

**GitHub 스타**

94.2K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [Radix Primitives](https://kickstartui.com/ko/details/radix-ui-primitives/)

스타일이 적용되지 않은 접근성 높은 오픈 소스 React 프리미티브로, 고품질 웹 앱과 디자인 시스템을 구축할 수 있습니다.

**GitHub 스타**

16.0K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [Skeleton](https://kickstartui.com/ko/details/skeleton/)

최신 웹 애플리케이션 개발을 돕는 적응형 접근성 툴킷입니다.

**GitHub 스타**

228

**업데이트일**

Dec 26, 2023

**라이선스**

MIT License

### [ArkUI](https://kickstartui.com/ko/details/ark-ui/)

이 오픈 소스 UI 솔루션을 사용하면 다양한 시각적 스타일과 접근성 표준에 맞게 조정할 수 있는 사용자 지정 가능한 컴포넌트로 정교한 디자인 시스템을 만들 수 있습니다.

**GitHub 스타**

3.9K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [daisyUI](https://kickstartui.com/ko/details/daisy-ui/)

이 도구는 개발 과정을 간소화하는 시맨틱 클래스 이름을 제공해 개발자가 아름다운 사용자 인터페이스를 빠르고 효율적으로 만들 수 있도록 합니다.

**GitHub 스타**

34.3K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [HeadlessUI](https://kickstartui.com/ko/details/headless-ui/)

최신 디자인 시스템과 원활하게 작동하도록 설계된 접근성 높은 UI 컴포넌트 모음입니다.

**GitHub 스타**

26.3K

**업데이트일**

Dec 6, 2024

**라이선스**

MIT License

### [MagicUI](https://kickstartui.com/ko/details/magic-ui/)

웹 프로젝트를 개선하고 디자인 작업을 간소화할 수 있도록 아름답게 디자인된 다용도 컴포넌트 모음입니다.