ng-zorro-antd

NG-ZORRO(ng-zorro-antd)는 Angular용 종합 UI 컴포넌트 라이브러리로, Ant Design의 디자인 언어를 반영합니다. 기업급 애플리케이션을 목표로 하며, 풍부하게 준비된 컴포넌트, 개발 도구, 디자인 리소스를 제공합니다. **주요 기능** - 버튼, 테이블, 폼, 메뉴 등 70개 이상의 고품질 Angular 컴포넌트 - 정적 타입 보안을 위한 TypeScript 완전 타입 지원 - Angular ^22.0.0, 서버 사이드 렌더링(SSR), Electron 지원 - 높은 성능을 위한 Zoneless 및 OnPush 변경 감지 모드 - 세밀한 스타일 재정의가 가능한 강력한 theming 시스템 - 수십 개 언어의 국제화(i18n) 지원 - 현대 브라우저(Edge, Firefox, Chrome, Safari, Opera 최신 2개 버전) 및 Electron 호환 **디자인 사양** NG-ZORRO는 공식 Ant Design 시스템과 시각적 사양을 동기화하여 더 넓은 Ant 에코시스템과의 일관성을 보장합니다. 디자인 업데이트는 온라인으로 기록되어 참고할 수 있습니다. **설치** Angular CLI를 통한 권장 설치 방법: ```bash ng new my-app cd my-app ng add ng-zorro-antd ``` npm 또는 yarn으로 직접 설치할 수도 있습니다: ```bash npm install ng-zorro-antd ``` 설치 후 Angular 컴포넌트에서 필요한 컴포넌트 모듈을 가져오세요. 예: ```ts import { NzButtonModule } from 'ng-zorro-antd/button'; @Component({ imports: [NzButtonModule] }) export class AppComponent {} ``` library의 CSS 및 SVG 아이콘 애셋을 `angular.json`의 `styles`와 `assets`에 각각 추가하세요. **개발** ```bash git clone https://github.com/NG-ZORRO/ng-zorro-antd.git cd ng-zorro-antd npm install npm run start ``` 프로젝트는 로컬 개발 서버를 시작하고 브라우저를 자동으로 엽니다. **라이선스** NG-ZORRO는 MIT 라이선스에 따라 출시되었으며, 전체 소스 코드는 GitHub에서 확인할 수 있습니다. **커뮤니티 및 지원** - 문서 및 시작 가이드: https://ng.ant.design/docs/getting-started/en - Discord 채널 및 Stack Overflow 태그 `ng-zorro-antd` - 빠른 개발을 위한 VSCode 스니펫 확장 - pull request를 통한 기여 환영; 프로젝트는 CONTRIBUTING.md 가이드를 따릅니다. **주요 사용자** Alibaba, Aliyun, ThoughtWorks, 중국상업은행, Apache Flink, Apache Zeppelin 및 기타 다양한 기업이 내부 및 대외용 Angular 애플리케이션에 NG-ZORRO를 의존하고 있습니다. 전반적으로 NG-ZORRO는 Angular 개발을 가속화하면서도 일관된 Ant Design의 외观과 느낌을 제공하는 성숙하고 잘 유지되는 UI 도구 모음을 제공합니다.