👷 cicd: chromatic 자동 배포 워크플로우 추가 #9

.github/CODEOWNER

@@ -0,0 +1 @@
+* @froggy1014

.github/workflows/_build.yaml

@@ -23,11 +23,9 @@ jobs:
         with:
           node-version: ${{ inputs.NODE_VERSION }}
           cache: "pnpm"
-          cache-dependency-path: '**/pnpm-lock.yaml'
+          cache-dependency-path: "**/pnpm-lock.yaml"
 
       - name: Install dependencies
-        run: |
-          pnpm install
+        run: pnpm install
       - name: build
-        run: |
-          pnpm run build
+        run: pnpm run build

.github/workflows/chromatic.yml

@@ -0,0 +1,57 @@
+# .github/workflows/chromatic.yml
+name: "Chromatic Deployment"
+run-name: Storybook deployment by ${{ github.actor }}
+
+on:
+  pull_request:
+    branches:
+      - develop
+    paths:
+      - "**.stories.tsx"
+
+jobs:
+  chromatic:
+    name: Run Chromatic Deployment
+    # Operating System
+    runs-on: ubuntu-latest
+    outputs:
+      status: ${{ job.status }}
+
+    # Job steps
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 9
+          run_install: false
+
+      - name: Set up Node.js version
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+          cache: "pnpm"
+          cache-dependency-path: "**/pnpm-lock.yaml"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Run Chromatic
+        id: chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          buildScriptName: build-storybook
+          onlyChanged: true
+
+      - name: comment PR
+        uses: thollander/actions-comment-pull-request@v1
+        if: ${{ github.event_name == 'pull_request' }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          message: "💅 ## storybook-URL - ${{ steps.chromatic.outputs.storybookUrl }}"