From 2a464113f6e216a9016987cda0cd5fdef5758d29 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Fri, 27 Feb 2026 16:49:50 +0900 Subject: [PATCH 1/5] =?UTF-8?q?chore:=20=EC=8A=A4=ED=86=A0=EB=A6=AC?= =?UTF-8?q?=EB=B6=81=20=EB=B0=B0=ED=8F=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/chromatic.yml | 44 +++++++++++++++++++++++++++++++++ package.json | 3 ++- 2 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 .github/workflows/chromatic.yml diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml new file mode 100644 index 0000000..177b137 --- /dev/null +++ b/.github/workflows/chromatic.yml @@ -0,0 +1,44 @@ +name: Chromatic Deployment + +on: + push: + branches: + - "deploy/#*" + pull_request: + branches: + - develop + +jobs: + chromatic-deploy: + runs-on: ubuntu-latest + steps: + - name: Checkout repository + uses: actions/checkout@v4 + with: + fetch-depth: 0 + + - name: Setup pnpm + uses: pnpm/action-setup@v4 + + - name: Setup Node.js + uses: actions/setup-node@v4 + with: + node-version: 20 + cache: pnpm + + - name: Install dependencies + run: pnpm install --frozen-lockfile + + - name: Run Chromatic + id: chromatic + uses: chromaui/action@latest + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + token: ${{ secrets.GITHUB_TOKEN }} + + - name: Comment Storybook URL on PR + if: github.event_name == 'pull_request' + uses: thollander/actions-comment-pull-request@v2 + with: + message: "🚀 Storybook: ${{ steps.chromatic.outputs.storybookUrl }}" + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/package.json b/package.json index 412c4f1..4f84f1d 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,8 @@ "prepare": "husky", "preview": "vite preview", "storybook": "storybook dev -p 6006", - "build-storybook": "storybook build" + "build-storybook": "storybook build", + "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN" }, "dependencies": { "@hookform/resolvers": "^5.2.2", From d11ae6de627d5e0f6771c691e142e4f7e3dcef5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Fri, 27 Feb 2026 16:52:46 +0900 Subject: [PATCH 2/5] =?UTF-8?q?fix:=20pnpm=20=EB=B2=84=EC=A0=84=20?= =?UTF-8?q?=EB=AA=85=EC=8B=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/chromatic.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 177b137..2cc0c22 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -19,6 +19,8 @@ jobs: - name: Setup pnpm uses: pnpm/action-setup@v4 + with: + version: 10 - name: Setup Node.js uses: actions/setup-node@v4 From 01ed490297f32ea6bfc9c0c1e76982b3e5a24607 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Fri, 27 Feb 2026 17:09:05 +0900 Subject: [PATCH 3/5] =?UTF-8?q?fix:=20PR=20=EB=8C=93=EA=B8=80=20=EA=B6=8C?= =?UTF-8?q?=ED=95=9C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/chromatic.yml | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 2cc0c22..3b076fd 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -11,6 +11,9 @@ on: jobs: chromatic-deploy: runs-on: ubuntu-latest + permissions: + contents: read + pull-requests: write steps: - name: Checkout repository uses: actions/checkout@v4 From f3497b67ddc754546584d05e5adfc24aaa511150 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Fri, 27 Feb 2026 17:15:29 +0900 Subject: [PATCH 4/5] =?UTF-8?q?fix:=20PR=20=EB=8C=93=EA=B8=80=20=EC=96=91?= =?UTF-8?q?=EC=8B=9D=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/chromatic.yml | 8 +++++++- src/components/common/card/Card.tsx | 0 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 src/components/common/card/Card.tsx diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 3b076fd..1dcb17b 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -45,5 +45,11 @@ jobs: if: github.event_name == 'pull_request' uses: thollander/actions-comment-pull-request@v2 with: - message: "🚀 Storybook: ${{ steps.chromatic.outputs.storybookUrl }}" + message: | + ## 📚 Storybook ë°°íŦ ė™„ëŖŒ + + | 항ëĒŠ | 링íŦ | + |------|------| + | 📖 Storybook | ${{ steps.chromatic.outputs.storybookUrl }} | + | 🔍 Chromatic | ${{ steps.chromatic.outputs.buildUrl }} | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/src/components/common/card/Card.tsx b/src/components/common/card/Card.tsx new file mode 100644 index 0000000..e69de29 From dad937c4bef30456e9aabdc58241a044d9e22a17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Fri, 27 Feb 2026 17:22:52 +0900 Subject: [PATCH 5/5] =?UTF-8?q?fix:=20push=20develop=20=EB=B8=8C=EB=9E=9C?= =?UTF-8?q?=EC=B9=98=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/chromatic.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 1dcb17b..41fb2d7 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -3,7 +3,7 @@ name: Chromatic Deployment on: push: branches: - - "deploy/#*" + - "develop" pull_request: branches: - develop