Feat: 심화 기능 구현, 좋아요 기능 최적화 #57

	name: Front Deployment

	on:
	push:
	branches:
	- main

	jobs:
	build:
	name: react build & deploy
	runs-on: ubuntu-latest

	steps:
	- name: checkout Github Action
	uses: actions/checkout@v3

	- name: Get npm cache directory
	id: npm-cache-dir
	run: \|
	echo "::set-output name=dir::$(npm config get cache)"
	- uses: actions/cache@v3
	id: npm-cache
	with:
	path: ${{ steps.npm-cache-dir.outputs.dir }}
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-node-

	- name: install npm dependencies
	run: npm install

	- name: react build
	env:
	VITE_CLIENT_ID: ${{ secrets.VITE_CLIENT_ID }}
	run: npm run build

	- name: Configure AWS credentials
	uses: aws-actions/configure-aws-credentials@v1
	with:
	aws-access-key-id: ${{ secrets.AWS_S3_ACCESS_KEY_ID }}
	aws-secret-access-key: ${{ secrets.AWS_S3_SECRET_ACCESS_KEY_ID }}
	aws-region: ap-northeast-2

	- name: Upload to S3
	env:
	BUCKET_NAME: ${{ secrets.AWS_S3_BUCKET_NAME}}
	run: \|
	aws s3 sync \
	./dist s3://$BUCKET_NAME

	- name: CloudFront Invalidation
	env:
	CLOUD_FRONT_ID: ${{ secrets.AWS_CLOUDFRONT_ID }}
	run: \|
	aws cloudfront create-invalidation \
	--distribution-id $CLOUD_FRONT_ID --paths /*

Provide feedback