중급기보여주기 › 디자인·움직임·골라서 넣는 뭉치
움직임·단축키·첫 방문 안내
작동 중자주 쓰는 동작을 Ctrl+K 와 단축키로 빨리 찾고, 처음 온 사람에게 화면을 안내합니다.
사이트에서 바로 보기
※ 견본 화면에서만 씁니다. 실제 업무 화면의 Ctrl+K 명령창은 아직 없습니다.
지키는 규칙
- 움직임은 짧게 끝내고, 기기의 «움직임 줄이기» 설정을 따른다.
- 권한 없는 명령은 명령창에 보이지 않게 한다.
- 입력칸 안에서는 단축키를 무시한다.
- 첫 방문 안내는 5단계 이하로 하고, 이미 본 사람에게 다시 띄우지 않는다.
쓰는 부품
- motion✓ 깔림
- cmdk✓ 깔림
- react-hotkeys-hook✓ 깔림
- driver.js✓ 깔림
- @formkit/auto-animate✓ 깔림
- @number-flow/react✓ 깔림
우리 뼈대 안의 자리: src/app/design-basics · src/components/ui/command.tsx
마법사에서 언제 들어가나
이 종류를 고르면: 없음
이 질문에 「예」 하면: 없음
겹치는 뭉치 — 「화면 기본 규칙」 메뉴로 합쳐 둠
다섯 뭉치 모두 «화면이 어떻게 보이나»를 정한다. 쓰는 부품(shadcn/ui·Tailwind·Radix)이 거의 같다.
이 뭉치의 급
중급기보통 사이트에 흔히 넣는다. 부품이 깔려 있고 볼 화면도 대개 있다.