디자인 시스템 (Design System)

라이브러리 설치 방법

# yarn
yarn add alda-design @emotion/react @emotion/styled

# npm
npm install alda-design @emotion/react @emotion/styled

소개

재사용 가능한 UI 패턴과 컴포넌트, 코드를 포괄하는 시스템
Color, Component, Icon을 제공하는 라이브러리

디렉터리 구조 및 역할

- .storybook/ //(storybook 관련 설정)
    - assets/ (storybook에서 사용하는 정적 파일 폴더)
    - AldaTHeme.js
    - main.js // (storybook addon을 추가하거나 관리)
    - ...
- public/
- src/
    - colors/ // (색상 관련)
    - components/ (컴포넌트 관련)
    - index.ts // (배포되는 라이브러리의 entry point)
- rollup.config.js // (라이브러리 관련 설정)
- tsconfig.json // (타입스크립트 관련 설정)

프로젝트 실행 방법

yarn install
yarn storybook

테스트 방법

현재 별도의 테스트 방법이 없습니다.

환경 변수

참고 사항

• 배포 기준, 프로세스 및 릴리즈 노트 작성 필요
• Icon의 경우에는 작업 예정
• 배포되는 곳은 Nexus Repogitory의 npm-hosted로 배포됩니다.