feat(design-systems-for-developers): 디자인 시스템 구축하기

.github/workflows/chromatic.yml

@@ -0,0 +1,25 @@
+# Name of our action
+name: "Chromatic"
+# The event that will trigger the action
+on: push
+
+# What the action will do
+jobs:
+    chromatic-deployment:
+        # Operating System
+        runs-on: ubuntu-latest
+        # Job steps
+        steps:
+            - uses: actions/checkout@v1
+            - name: Install dependencies
+              run: yarn
+              # 👇 Adds Chromatic as a step in the workflow
+            - name: Publish Project 1 to Chromatic
+              uses: chromaui/action@v1
+              # Chromatic GitHub Action options
+              with:
+                  # 👇 Chromatic projectToken, refer to the manage page to obtain it.
+                  projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+                  workingDir: packages/design-systems-for-developers
+            - run: yarn test
+              working-directory: packages/design-systems-for-developers

.github/workflows/push.yml

@@ -0,0 +1,40 @@
+# Name of our action
+name: Release
+
+# The event that will trigger the action
+on:
+    push:
+        branches: [master]
+
+# what the action will do
+jobs:
+    release:
+        # The operating system it will run on
+        runs-on: ubuntu-latest
+        # This check needs to be in place to prevent a publish loop with auto and github actions
+        if: "!contains(github.event.head_commit.message, 'ci skip') && !contains(github.event.head_commit.message, 'skip ci')"
+        # The list of steps that the action will go through
+        steps:
+            - uses: actions/checkout@v2
+            - name: Prepare repository
+              run: git fetch --unshallow --tags
+            - name: Use Node.js 12.x
+              uses: actions/setup-node@v1
+              with:
+                  node-version: 12.x
+            - name: Cache node modules
+              uses: actions/cache@v1
+              with:
+                  path: node_modules
+                  key: yarn-deps-${{ hashFiles('yarn.lock') }}
+                  restore-keys: |
+                      yarn-deps-${{ hashFiles('yarn.lock') }}
+            - name: Create Release
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  #👇 npm token, see https://storybook.js.org/tutorials/design-systems-for-developers/react/ko/distribute/ to obtain it
+                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+              run: |
+                  yarn install --frozen-lockfile
+                  yarn build
+                  yarn release