feat: LandingPage TopBanner에 대한 데이터 호출 로직 구현 및 적용 #26

	name: Deploy React App to AWS S3 and CloudFront

	on:
	push:
	branches:
	- release/v2.0.0
	- dev

	jobs:
	deploy:
	runs-on: ubuntu-latest

	steps:
	- name: Checkout code
	uses: actions/checkout@v4

	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: '18'

	- name: Cache npm packages
	uses: actions/cache@v4
	with:
	path: ~/.npm
	key: ${{ runner.os }}-npm-${{ hashFiles('package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-npm

	- name: Install dependencies
	run: npm ci

	- name: Build the project
	env:
	NODE_ENV: production
	API_URL: ${{ secrets.API_URL }}
	CDN_URL: ${{ secrets.CDN_URL }}
	run: npm run build

	- name: Set up AWS credentials
	uses: aws-actions/configure-aws-credentials@v4
	with:
	aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
	aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
	aws-region: ${{ secrets.AWS_REGION }}

	- name: Deploy to S3
	run: \|
	aws s3 sync ./dist/ s3://${{ secrets.S3_BUCKET_NAME }} --delete

	- name: Invalidate CloudFront cache
	run: \|
	aws cloudfront create-invalidation \
	--distribution-id ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }} \
	--paths "/*"

Provide feedback