[FE] 체크리스트 렌더링 성능을 최적화한다. #519

	name: "Chromatic"

	on:
	pull_request:
	branches: [dev-fe, dev]
	paths:
	- "frontend/**"

	jobs:
	chromatic:
	name: Run Chromatic
	runs-on: ubuntu-latest
	steps:
	- name: Checkout code
	uses: actions/checkout@v4
	with:
	fetch-depth: 0
	- uses: actions/setup-node@v4
	with:
	node-version: 20

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

	- name: Install dependencies
	if: steps.cache.outputs.cache-hit != 'true'
	run: \|
	cd frontend
	yarn install --frozen-lockfile
	- name: Run Chromatic
	uses: chromaui/action@latest
	id: publish_chromatic
	with:
	workingDir: frontend
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
	- name: Comment on PR
	uses: thollander/actions-comment-pull-request@v2
	with:
	message: "🚀 storybook: ${{ steps.publish_chromatic.outputs.storybookUrl }}"

Provide feedback