👷 Add a CD system for dev (#15)

### 📝 작업 내용

- 개발용 웹페이지를 배포하는 코드를 작성하였습니다.
- `main` 브랜치로의 병합이 일어날 때마다
[d3e23xs1dwlmd7.cloudfront.net](https://d3e23xs1dwlmd7.cloudfront.net)에
자동으로 배포합니다.
- 아마존 웹 서비스의 S3와 CloudFront를 사용하였습니다.

### 📸 스크린샷 (선택)

없음

### 🚀 리뷰 요구사항 (선택)

없음

Author: young-52

.github/workflows/deploy-dev.yml

@@ -0,0 +1,34 @@
+name: deploy-dev
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.11.1'
+
+      - name: Build & Export
+        run: |
+          yarn install
+          yarn build
+
+      - name: Deploy to S3 and Invalidate Cloudfront
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: ap-northeast-2
+        run: |
+          aws s3 sync ./dist s3://waffle-team4-web-dev --delete
+          aws cloudfront create-invalidation --distribution-id E2ZFV2EEJPTCSU --paths "/*"

README.md

@@ -35,7 +35,7 @@ yarn dev
 ### 브랜치
 
 - `main`에서 브랜치를 만들어 작업합니다. 작업을 마치면 PR를 올리고, 다른 작업자는 코드 리뷰 후 `main` 브랜치로 **스쿼시 병합**합니다.
-- 병합이 완료되면 깃허브 액션을 통해 [moisha-web-dev.vercel.app](https://moisha-web-dev.vercel.app)으로 자동 배포됩니다.
+- 병합이 완료되면 깃허브 액션을 통해 [d3e23xs1dwlmd7.cloudfront.net](https://d3e23xs1dwlmd7.cloudfront.net)으로 자동 배포됩니다.
 - 브랜치 이름은 `{유형}/{이름}`으로 작성합니다.
   - 브랜치 유형: `feat`, `fix`, `chore`, `style`, `refactor`
 - PR 제목을 작성할 때는 [깃모지](https://gitmoji.dev/)를 사용하는 것을 권장합니다.