[Feat] Card 컴포넌트 퍼블리싱 #31

	name: Preview

	on:
	pull_request:
	branches: ['main', 'develop']

	permissions:
	contents: write
	pages: write
	deployments: write
	id-token: write
	issues: write
	pull-requests: write

	jobs:
	storybook-preview:
	runs-on: ubuntu-20.04
	steps:
	- name: 저장소 체크아웃
	uses: actions/checkout@v3
	with:
	fetch-depth: 0

	- name: pnpm 설치
	run: npm install -g pnpm

	- name: 캐시 종속성
	id: cache
	uses: actions/cache@v3
	with:
	path: '**/node_modules'
	key: ${{ runner.os }}-node-${{ hashFiles('**/pnpm-lock.yaml') }}-storybook

	- name: 종속성 설치
	if: steps.cache.outputs.cache-hit != 'true'
	run: pnpm install

	- name: Chromatic에 게시
	id: chromatic
	uses: chromaui/action@v1
	with:
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
	token: ${{ secrets.GITHUB_TOKEN }}
	onlyChanged: true
	autoAcceptChanges: true

	- name: 현재 시간 가져오기
	uses: josStorer/get-current-time@v2
	id: current-time
	with:
	format: 'YYYY년 MM월 DD일 HH시 mm분 ss초'
	utcOffset: '+09:00'

	outputs:
	storybook_url: ${{ steps.chromatic.outputs.storybookUrl }}
	currnent_time: ${{ steps.current-time.outputs.formattedTime }}

	github-bot-storybook:
	runs-on: ubuntu-latest
	needs: [storybook-preview]
	steps:
	- name: PR 코멘트 남기기
	uses: thollander/actions-comment-pull-request@v2
	with:
	comment_tag: ${{github.event.number}}-storybook
	message: \|
	💄 Storybook: ${{ needs.storybook-preview.outputs.storybook_url }}
	🕖 Update: ${{ needs.storybook-preview.outputs.currnent_time }}

Provide feedback