프로젝트 소개
Ant Design Pro는 엔터프라이즈 관리 인터페이스를 구축하기 위한 React 기반 스타터 키트입니다. README는 이를 엔터프라이즈 애플리케이션을 위한 즉시 사용 가능한 UI 솔루션으로 설명하며, 라이브러리가 아닌 보일러플레이트로 배포됩니다.
스택 및 디자인
- Ant Design 6 사양을 기반으로 하며, 개발 도구 체인에는 React 19, Umi Max 4, utoopack이 포함됩니다.
- TypeScript로 작성되었습니다.
- 테마는 Tailwind CSS v4와 antd-style을 통해 사용자 정의할 수 있습니다.
- 다양한 화면 크기를 위한 반응형 레이아웃을 제공합니다.
- 국제화(i18n) 지원이 내장되어 있습니다.
- 코드 검사에는 Biome이 사용됩니다.
포함된 템플릿
이 프로젝트는 다양한 페이지 템플릿을 제공합니다: Welcome; Dashboard(Analysis, Monitor, Workplace); Form(Basic, Step, Advanced); List(Search, Table, Basic, Card); Profile(Basic, Advanced); Result(Success, Fail); Exception(403, 404, 500); Account(Center, Settings); AI Assistant 페이지; User 페이지(Login, Register, Register Result). 페이지는 블록 템플릿으로 구성됩니다.
시작하기
저장소를 클론하고 npm install로 의존성을 설치한 후 npm start를 실행하여 전체 버전의 개발 서버를 시작합니다. npm run build는 프로덕션 빌드를 생성합니다. 라이브 백엔드 없이 작업할 수 있도록 목업 개발 솔루션이 포함되어 있습니다.
심플 버전
모든 블록이 기본으로 포함되어 있기 때문에 프로젝트는 npm run simple을 제공하여 추가 페이지 디렉토리, 목업 파일, 라우트 및 의존성을 최소 설정으로 제거할 수 있습니다. README는 이 작업이 되돌릴 수 없으며 파일을 영구적으로 삭제한다고 경고합니다.
AI 어시스턴트 및 Claude Code 스킬
보일러플레이트에는 Ant Design X로 구동되는 AI 챗봇 페이지가 포함되어 있습니다. 또한 .claude/skills/에 두 개의 Claude Code 스킬이 포함되어 있습니다: /pro-upgrade는 최신 템플릿을 비교하여 비즈니스 코드를 보존하면서 프레임워크 변경 사항을 병합하고, /antd는 antd 컴포넌트 API, props, 토큰, 데모를 조회하고, 더 이상 사용되지 않는 사용법을 린트하며, @ant-design/cli를 통한 버전 마이그레이션을 지원합니다. 저장소에서 클론한 프로젝트에는 이미 이러한 스킬이 포함되어 있으며, npx skills add ant-design/ant-design-pro를 통해 새로 고칠 수 있습니다.
테스트 및 브라우저 지원
단위 테스트와 엔드투엔드 테스트가 워크플로우에 포함됩니다. 지원되는 브라우저는 최신 브라우저로 Edge, Firefox, Chrome, Safari이며, 마지막 세 개는 최신 두 버전이 지원됩니다.
프로젝트 리소스
라이브 미리보기는 preview.pro.ant.design에서, 문서는 docs/cheatsheet.en-US.md에서, 릴리스 노트는 GitHub에서 확인할 수 있으며, 치트시트에 FAQ 섹션이 있습니다. README는 v6를 현재 주요 릴리스로 명시하고 해당 변경 로그를 연결합니다. 기여는 이슈와 풀 리퀘스트를 통해 환영합니다.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.