soomgo design system library

설치

npm install @soomgo/ui

사용 예시

import { Typo } from '@soomgo/ui';

const SomeComponent: React.FC = () => {
    return (
        <Typo.Headline weight='bold' color='gray900'>
            {'Hello Soomgo UI'}
        </Typo.Headline>
    );
};

배포

1. develop -> master PR 생성
2. /bump minor or /bump major 를 comment로 달기 -> 자동 bump됨
3. master 병합

아이콘 배포

아이콘은 기본적으로 포스에서 아이콘 업데이트되면 자동 연동됩니다. 아래 방법은 자동 연동이 실패했을 경우에만 실행시켜주시면 됩니다.

1. 포스에서 아이콘 업데이트 시, 버전 bump하여 master push Github Actions 실행

수동 배포

위의 2가지 자동배포 방법이 실패하면 수동 배포를 진행합니다.

아이콘 리소스 업데이트하기

1. 포스에서 아이콘 리소스를 다운로드 받습니다. (파일명 icons.zip)
2. /resources 디렉토리에 icons.zip 파일을 넣습니다.
3. 아래 명령어를 실행합니다.

npm run update-icons

4. 변경점을 커밋하고 PR을 통해 병합합니다.
5. NPM에 배포합니다.
6. 숨고 앱에서 npm 패키지를 업데이트 합니다.

NPM 배포

npm run publish:npm