chore: chromatic ci/cd 설정 추가

.github/workflows/chromatic.yml

@@ -6,7 +6,9 @@ on:
     paths:
       - '**/*.stories.tsx'
       - '**/*.stories.ts'
-
+defaults:
+  run:
+    working-directory: frontend
 jobs:
   chromatic:
     runs-on: ubuntu-latest
@@ -16,6 +18,11 @@ jobs:
         with:
           fetch-depth: 0
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.15.1'
+
       - name: Cache dependencies
         id: cache
         uses: actions/cache@v4
@@ -25,12 +32,13 @@ jobs:
 
       - name: Install dependencies
         if: steps.cache.outputs.cache-hit != 'true'
-        run: yarn
+        run: yarn install --frozen-lockfile
 
       - name: Publish to Chromatic
         id: chromatic
         uses: chromaui/action@latest
         with:
+          workingDir: frontend
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
 
       - name: Comment PR

frontend/chromatic_publish.sh

@@ -0,0 +1,2 @@
+CHROMATIC_TOKEN=$(grep CHROMATIC_TOKEN .env.development | cut -d "=" -f2)
+npx chromatic --project-token=$CHROMATIC_TOKEN --exit-once-uploaded --allow-console-errors

frontend/package.json

@@ -9,7 +9,8 @@
     "lint:styled": "stylelint './src/**/*.styled.ts' --fix",
     "test": "jest --watchAll",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "bash ./chromatic_publish.sh"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",