config: design-system 내 .css 파일 테스트 환경 설정 #33

	name: "frontend-docker-build"

	on:
	push:
	branches: [ "dev-fe" ]

	jobs:
	build:
	name: Build and Test
	runs-on: ubuntu-latest

	steps:
	- uses: actions/checkout@v3

	# 노드 버전 설정 및 의존성 설치
	- name: Set up Node.js
	uses: actions/setup-node@v3
	with:
	node-version: '18.17.1'

	- name: Corepack Enable
	run: corepack enable

	- name: Install Dependencies
	run: yarn install

	- name: Build
	run: \|
	cd packages/frontend
	yarn build

	docker:
	name: Deploy Docker Image
	runs-on: ubuntu-latest
	needs: build

	steps:
	- uses: actions/checkout@v3

	- name: Login to Docker Hub
	uses: docker/login-action@v2
	with:
	username: ${{ secrets.DOCKERHUB_USERNAME }}
	password: ${{ secrets.DOCKERHUB_TOKEN }}

	- name: Set up Docker Buildx
	uses: docker/setup-buildx-action@v2

	- name: Build and Push
	uses: docker/build-push-action@v3
	with:
	context: .
	file: ./packages/frontend/Dockerfile
	push: true
	tags: ${{ secrets.DOCKERHUB_USERNAME }}/git-challenge-frontend:0.1

	deploy:
	name: Deploy Frontend
	runs-on: ubuntu-latest
	needs: docker
	steps:
	- name: SSH and Deploy
	uses: appleboy/ssh-action@master
	with:
	host: ${{ secrets.BACKEND_SSH_HOST }}
	username: ${{ secrets.BACKEND_SSH_USERNAME }}
	password: ${{ secrets.BACKEND_SSH_PASSWORD }}
	port: ${{ secrets.BACKEND_SSH_PORT }}
	script: \|
	docker pull ${{ secrets.DOCKERHUB_USERNAME }}/git-challenge-frontend:0.1
	docker rm -f frontend \|\| true
	docker run -d --name frontend -p 3000:3000 \
	${{ secrets.DOCKERHUB_USERNAME }}/git-challenge-frontend:0.1

Provide feedback