프로젝트 소개

## 개요 @alifd/next는 Alibaba Fusion에서 게시한 React 기반의 웹용 기업급 UI 컴포넌트 라이브러리입니다. 이 프로젝트는 백엔드 시스템의 디자이너와 프론트엔드 개발자 간의 협업 문제 해결, 제품 경험의 일관성 유지, 그리고 개발 효율성 향상을 목표로 합니다. 이 라이브러리는 Fusion Design과 함께 사용하도록 설계되었습니다. 디자이너가 Fusion Design 협업 플랫폼에서 컴포넌트 UI를 커스터마이징하고 npm 테마 패키지로 게시하면, 개발자가 이를 직접 사용하여 UI 리팩토링을 반복할 필요가 없습니다. README에 따르면 이는 디자이너와의 반복적인 디자인 리뷰를 줄이고 개발 효율성을 높여줍니다. ## 설치 방법 - npm (권장): `npm install @alifd/next --save` - 브라우저: npm 패키지의 `@alifd/next/dist` 디렉토리 또는 unpkg에서 `next.js`/`next.min.js` 및 `next.css`/`next.min.css`를 임포트한 후, 전역 `Next` 변수를 사용합니다. README에서는 항상 최신 버전을 가져오는 것보다 특정 버전을 고정하여 사용하는 것을 권장합니다. ## 의존성 및 요구 사항 - React 16 기반으로 구축되었으며, React 16 미만 버전은 지원하지 않습니다. - `react`/`react-dom`은 peer dependencies이므로 사용자가 직접 설치하거나 임포트해야 합니다. - 날짜/시간 컴포넌트에는 `moment`가 사용되며, 이 또한 peer dependency입니다. ## 컴포넌트 임포트 - 전체 임포트: `@alifd/next/dist/next.css`(또는 `index.scss`)를 포함하고, `@alifd/next`에서 `Button`, `Input`과 같은 명명된 컴포넌트를 임포트합니다. - 단일 모듈 수동 임포트: 예: `import Button from '@alifd/next/lib/button'`과 함께 `'@alifd/next/lib/button/style'`을 임포트합니다. - 권장 방법: `babel-plugin-import`를 사용하여 `libraryName: '@alifd/next'` 및 `style: true`로 설정하면, 명명된 임포트가 모듈별 임포트와 스타일로 자동 변환됩니다. ## 문서에서 다루는 고급 주제 저장소에는 테마 패키지 사용법, 국제화(i18n), 폰트 파일 배포에 관한 문서 링크가 포함되어 있습니다. ## 브라우저 호환성 README에 따르면 Chrome, Firefox, Edge, Safari, Opera, UC 및 Internet Explorer 9 이상 버전을 지원합니다. ## 기여 및 커뮤니티 기여(PR)를 환영하며 기여 가이드가 제공됩니다. 프로젝트는 Gitpod에서 열거나 로컬로 클론할 수 있습니다. 커뮤니티 연락을 위한 DingTalk 그룹이 운영되고 있으며, 프로젝트는 MIT 라이선스 하에 배포됩니다.