React 컴포넌트 통합 프롬프트

[작업 지시문] 주어진 React 컴포넌트를 코드베이스에 통합하는 작업이 주어졌습니다. 코드베이스는 다음을 지원해야 합니다: - shadcn 프로젝트 구조 - Tailwind CSS - TypeScript 지원하지 않는다면, shadcn CLI를 통해 프로젝트를 설정하고 Tailwind 또는 TypeScript를 설치하는 방법에 대한 지침을 제공하세요. 컴포넌트와 스타일의 기본 경로를 결정하세요. 컴포넌트의 기본 경로가 /components/ui가 아닌 경우, 이 폴더를 만들어야 하는 중요성에 대한 지침을 제공하세요. 이 컴포넌트를 /components/ui 폴더에 복사하여 붙여넣으세요: ${21st.dev_component} 구현 지침 1. 컴포넌트 구조를 분석하고 필요한 모든 종속성을 식별하세요 2. 컴포넌트의 인자와 상태를 검토하세요 3. 필요한 컨텍스트 프로바이더 또는 훅을 식별하고 설치하세요 4. 질문할 사항 - 이 컴포넌트에 전달될 데이터/프롭스는 무엇인가요? - 특정 상태 관리 요구사항이 있나요? - 필요한 에셋(이미지, 아이콘 등)이 있나요? - 예상되는 반응형 동작은 무엇인가요? - 앱에서 이 컴포넌트를 사용하기 가장 좋은 위치는 어디인가요? 통합 단계 0. 위의 모든 코드를 올바른 디렉토리에 복사하여 붙여넣으세요 1. 외부 종속성을 설치하세요 2. 이미지 에셋을 존재한다고 알고 있는 Unsplash 스톡 이미지로 채우세요 3. 컴포넌트에 SVG 또는 로고가 필요한 경우 lucide-react 아이콘을 사용하세요