[Feature/BAR-39] chromatic을 이용한 storybook 배포 설정 #1

	name: 'Chromatic Deployment'

	on:
	pull_request:
	branches: main
	paths:
	- '**.stories.tsx'

	jobs:
	chromatic-deployment:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v3
	with:
	fetch-depth: 0

	- name: Setup node.js
	uses: actions/setup-node@v3
	with:
	node-version: 20

	- name: Install pnpm
	uses: pnpm/action-setup@v2
	id: pnpm-install
	with:
	version: 8

	- name: Get pnpm store directory
	id: pnpm-cache
	shell: bash
	run: \|
	echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT

	- name: Setup pnpm cache
	uses: actions/cache@v3
	with:
	path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
	key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
	restore-keys: \|
	${{ runner.os }}-pnpm-store-

	- name: Install dependencies
	run: pnpm install

	- name: Publish to Chromatic
	id: chromatic
	uses: chromaui/action@v1
	with:
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
	buildScriptName: build-storybook
	onlyChanged: true

	- name: Create comment PR
	uses: thollander/actions-comment-pull-request@v1
	env:
	GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
	with:
	message: '🚀 storybook: ${{ steps.chromatic.outputs.storybookUrl }}'

Provide feedback