✨ feat: Tabs 컴포넌트 및 스토리북 작성 (#25) #10

	name: Deploy

	env:
	VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
	VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}

	on:
	push:
	branches: ['main']

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

	- name: Node.js 설치
	uses: actions/setup-node@v4
	with:
	node-version: 20.x
	cache: 'npm'

	- name: 의존성 캐싱
	uses: actions/cache@v3
	id: npm-cache
	with:
	path: '**/node_modules'
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}

	- name: 의존성 설치
	if: steps.npm-cache.outputs.cache-hit != 'true'
	run: npm ci

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

	vercel:
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v4

	- name: Vercel CLI 설치
	run: npm install --global vercel@latest

	- name: Vercel 환경 변수 가져오기
	run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}

	- name: Project Artifacts 빌드하기
	run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}

	- name: Vercel에 Project Artifacts 배포하기
	run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

Provide feedback