ant-design/ant-design-pro

어떤 프로젝트인가요?

핵심 기능

• 01대시보드, 폼, 목록, 프로필, 결과 페이지용 사전 제작 템플릿
• 02React 19 및 Umi Max 4 기반의 Ant Design 6
• 03Tailwind CSS v4와 antd-style을 이용한 테마 설정
• 04내장 i18n 및 개발용 모의 데이터
• 05단위 및 e2e 테스트 설정 포함
• 06명령 한 번으로 최소 버전으로 간소화

활용 사례

• Ant Design 기반의 새 내부 관리자 또는 백오피스 시스템 구축
• 일반적인 CRUD 스타일 페이지를 갖춘 관리 대시보드 프로토타이핑
• 실무 수준의 React 및 Umi 프로젝트 구조 학습

빠른 시작

1. 1

   저장소를 클론합니다

   git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
2. 2

   프로젝트 폴더로 이동합니다

   cd myapp
3. 3

   의존성을 설치합니다

   npm install
4. 4

   개발 서버를 시작합니다

   npm start

사용 전 알아둘 점

• !기본적으로 템플릿 페이지가 많이 포함되어 있어 최소 구성으로 설정하려면 되돌릴 수 없는 `npm run simple` 명령을 실행해야 합니다.

토픽

자주 묻는 질문

ant-design-pro은(는) 무엇인가요?

Ant Design, Umi Max, TypeScript를 기반으로 바로 사용할 수 있는 React 관리자용 보일러플레이트로, 엔터프라이즈 페이지 템플릿을 제공합니다. Ant Design Pro는 엔터프라이즈 백오피스 애플리케이션을 위한 React 스타터 키트입니다. Ant Design 컴포넌트에 Umi Max 프레임워크와 TypeScript를 결합해, 개발자가 레이아웃과 라우팅, 자주 쓰이는 페이지를 처음부터 구성하는 대신 바로 작동하는 기반에서 시작할 수 있습니다.

ant-design-pro은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

ant-design-pro은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

ant-design-pro은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. ant-design-pro의 마지막 커밋은 2026년 11월 4일입니다.

ant-design-pro은(는) 어디에 사용할 수 있나요?

Ant Design 기반의 새 내부 관리자 또는 백오피스 시스템 구축 일반적인 CRUD 스타일 페이지를 갖춘 관리 대시보드 프로토타이핑 실무 수준의 React 및 Umi 프로젝트 구조 학습

ant-design-pro는 어떻게 설치하나요?

저장소를 클론합니다: git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp 프로젝트 폴더로 이동합니다: cd myapp 의존성을 설치합니다: npm install 개발 서버를 시작합니다: npm start

ant-design-pro은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ant-design/ant-design-pro