https://github.com/zagdang/design-system

zagdang의 공용 디자인시스템입니다.
https://github.com/zagdang/design-system

jest npm-package react shadcn-ui storybook turborepo yarnberry

Last synced: 12 days ago
JSON representation

zagdang의 공용 디자인시스템입니다.

• Host: GitHub
• URL: https://github.com/zagdang/design-system
• Owner: zagdang
• License: mit
• Created: 2024-12-02T13:01:28.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2025-02-01T02:44:39.000Z (13 days ago)
• Last Synced: 2025-02-01T03:26:35.613Z (13 days ago)
• Topics: jest, npm-package, react, shadcn-ui, storybook, turborepo, yarnberry
• Language: TypeScript
• Homepage: https://www.chromatic.com/library?appId=67528afc87ce45f40d6517e2
• Size: 123 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Summit Up Design System

## Prerequisites

- Node.js 18+

## Installation

1. Repository 클론

```bash

git clone [repository-url]

cd design-system

```

2. Corepack 활성화 & Yarn 버전 설정

```bash

corepack enable

yarn set version 4.5.3

```

## 개발환경 설정

VSCode를 사용하는 경우:

```bash

yarn dlx @yarnpkg/sdks vscode

```

다른 IDE 사용시:

```bash

yarn dlx @yarnpkg/sdks base

```

## Project Structure

```bash

packages/

├── colors/      # 디자인 시스템 컬러 토큰

├── ui/          # 공통 UI 컴포넌트 시스템

└── icons/       # 공통 아이콘 시스템 및 SVG 에셋

```

## 주요 기능

- Yarn Berry & Turborepo

- shadcn/ui 컴포넌트

- Storybook

- Jest 테스트

- ESLint/Prettier

## Development

```bash

yarn dev        # 개발

yarn build      # 빌드

yarn lint       # 린트

yarn test       # 테스트

yarn storybook  # 컴포넌트 문서

```