AM UI Components Library

AM UI Components Library는 재사용 가능한 React 컴포넌트 라이브러리입니다.

프로젝트 구조

am-ui-fe-web/
├── apps/
│   └── storybook/          # Storybook 앱 (컴포넌트 문서화)
├── packages/
│   └── components/         # @am-ui/components 패키지
└── package.json           # 루트 package.json (workspace 설정)

시작하기

설치

pnpm install

개발 서버 실행

# Storybook 실행
pnpm dev

# 또는 개별 실행
pnpm --filter storybook dev

빌드

# 전체 빌드
pnpm build

# 컴포넌트 패키지만 빌드
pnpm build:components

# Storybook만 빌드
pnpm build:storybook

컴포넌트 개발

새 컴포넌트 추가

1. packages/components/src/ 하위에 컴포넌트 폴더 생성
2. 컴포넌트 파일 작성 (예: Button.tsx)
3. index.ts 파일에서 export
4. packages/components/src/index.ts에 추가
5. Storybook 스토리 작성

컴포넌트 구조

packages/components/src/Button/
├── Button.tsx      # 컴포넌트 구현
└── index.ts        # export 파일

Storybook

컴포넌트 문서화 및 테스트를 위해 Storybook을 사용합니다.

• URL: http://localhost:6006
• 스토리 파일: apps/storybook/src/stories/

배포

Nexus에 배포

cd packages/components
pnpm publish

배포 전에 다음을 확인하세요:

• package.json의 버전 업데이트
• .npmrc의 레지스트리 설정
• NEXUS_AUTH_TOKEN 환경변수 설정

사용법

다른 프로젝트에서 사용:

npm install @am-ui/components

import { Button, Card, Input, Modal } from '@am-ui/components';

라이선스

MIT