refactor: 누적 혼잡도 시각화 컴포넌트의 재사용성을 높인다 #79

	name: storybook-deploy

	on:
	pull_request:
	branches:
	- develop
	paths:
	- frontend/**
	- .github/**

	jobs:
	build:
	runs-on: ubuntu-22.04
	defaults:
	run:
	working-directory: ./frontend
	steps:
	- name: Setup Repository
	uses: actions/checkout@v3

	- name: Set up Node
	uses: actions/setup-node@v3
	with:
	node-version: 18.16.0

	- name: Install dependencies
	run: npm install

	- name: Cache node_modules
	id: cache
	uses: actions/cache@v3
	with:
	path: '**/node_modules'
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-node-

	- name: storybook build
	run: npm run build-storybook

	- name: Upload storybook build files to temp artifact
	uses: actions/upload-artifact@v3
	with:
	name: Storybook
	path: frontend/storybook-static
	deploy:
	needs: build
	runs-on: self-hosted
	steps:
	- name: Remove previous version app
	working-directory: frontend/dev/
	run: rm -rf dist

	- name: Download the built file to AWS
	uses: actions/download-artifact@v3
	with:
	name: Storybook
	path: frontend/dev/dist

	- name: Move folder
	working-directory: frontend/dev/
	run: \|
	rm -rf /home/ubuntu/dist/*
	cp -r ./dist /home/ubuntu

	- name: comment PR
	uses: thollander/actions-comment-pull-request@v1
	env:
	GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
	with:
	message: '🚀storybook: https://storybook.carffe.in/'

Provide feedback