[DEPLOY] main 브랜치로 배포

.github/ISSUE_TEMPLATE/chore-template.md

@@ -0,0 +1,13 @@
+---
+name: Chore Template
+about: build와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분
+title: "[CHORE] "
+labels: chore
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/docs-template.md

@@ -0,0 +1,13 @@
+---
+name: Docs Template
+about: 문서화
+title: "[DOCS] "
+labels: docs
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/feat-template.md

@@ -0,0 +1,13 @@
+---
+name: Feat Template
+about: 기능 추가
+title: "[FEAT] "
+labels: feat
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/fix-template.md

@@ -0,0 +1,13 @@
+---
+name: Fix Template
+about: 기능 수정
+title: "[FIX] "
+labels: fix
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/hotfix-template.md

@@ -0,0 +1,13 @@
+---
+name: HOTFIX Template
+about: 긴급 수정
+title: "[HOTFIX] "
+labels: hotfix
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/refactor-template.md

@@ -0,0 +1,13 @@
+---
+name: "Refactor Template"
+about: '리팩토링 '
+title: "[REFACTOR] "
+labels: refactor
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/ISSUE_TEMPLATE/ui-template.md

@@ -0,0 +1,13 @@
+---
+name: UI Template
+about: 디자인 변경
+title: "[STYLE] "
+labels: design
+assignees: ''
+
+---
+
+### ✨ Description
+
+
+### ✨ Time(마감기한)

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,8 @@
+## 🚩 연관 이슈
+closed #
+
+## 📝 작업 내용
+
+## 🏞️ 스크린샷 (선택)
+
+## 🗣️ 리뷰 요구사항 (선택)

.github/workflows/Auto_Issue_Setting.yml

@@ -0,0 +1,24 @@
+name: Auto Issue Setting
+
+on:
+  issues:
+    types: [opened]
+
+permissions:
+  issues: write
+
+jobs:
+  auto-assign:
+    runs-on: ubuntu-latest
+    env:
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+    steps:
+      # 리포지토리 체크아웃
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # 이슈 생성자를 자동 할당
+      - name: Auto-assign issue creator
+        uses: pozil/auto-assign-issue@v2
+        with:
+          assignees: ${{ github.actor }}

.github/workflows/Auto_PR_Setting.yml

@@ -0,0 +1,57 @@
+name: Auto PR Setting
+
+on:
+  pull_request:
+    types: [opened]
+
+jobs:
+  assign-issue:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Set Auth Token
+        run: echo "GH_TOKEN=${{ secrets.PERSONAL_ACCESS_TOKEN }}" >> $GITHUB_ENV
+        # Personal Access Token을 환경 변수에 설정하여 gh CLI에서 인증에 사용.
+
+      - name: Get Issue Number
+        id: get_issue
+        run: |
+          # PR 정보를 가져와 브랜치 이름 확인.
+          PR_DATA=$(gh pr view ${{ github.event.pull_request.number }} --json headRefName)
+          echo "PR_DATA=${PR_DATA}" >> $GITHUB_ENV
+          # 브랜치 이름에서 이슈 번호 추출.
+          BRANCH_NAME=$(echo "${PR_DATA}" | jq -r '.headRefName')
+          echo "BRANCH_NAME=${BRANCH_NAME}" >> $GITHUB_ENV
+          ISSUE_NUMBER=$(echo "${BRANCH_NAME}" | awk -F'#' '{print $2}' | grep -Eo '^[0-9]+')
+          echo "ISSUE_NUMBER=${ISSUE_NUMBER}" >> $GITHUB_ENV
+
+      - name: Get Issue Details
+        id: get_issue_details
+        run: |
+          # 이슈 정보를 가져와 할당된 사람, 레이블, 프로젝트 항목 정보를 추출.
+          ISSUE_DATA=$(gh issue view "${ISSUE_NUMBER}" --json assignees,labels,projectItems --jq '{assignees: [.assignees[].login], labels: [.labels[].name], projects: [.projectItems[].title]}')
+          echo "ISSUE_DATA=${ISSUE_DATA}" >> $GITHUB_ENV
+
+      - name: Setting PR
+        id: setting_pr
+        run: |
+          # 이슈 데이터에서 할당된 사람, 레이블, 프로젝트 정보를 환경 변수로 설정.
+          ASSIGNEES=$(echo "${ISSUE_DATA}" | jq -r '.assignees | join(",")')
+          LABELS=$(echo "${ISSUE_DATA}" | jq -r '.labels | join(",")')
+
+          # 팀 멤버 목록을 정의하고, 할당되지 않은 멤버를 리뷰어로 추가.
+          TEAM_MEMBERS=("jaeml06" "i-meant-to-be" "eunwoo-levi")
+          IFS=', ' read -r -a ASSIGNEE_ARRAY <<< "${ASSIGNEES}"
+          REVIEWERS=()
+          for MEMBER in "${TEAM_MEMBERS[@]}"; do
+            if [[ ! " ${ASSIGNEE_ARRAY[@]} " =~ " ${MEMBER} " ]]; then
+              REVIEWERS+=("${MEMBER}")
+            fi
+          done
+          REVIEWER_LIST=$(IFS=', '; echo "${REVIEWERS[*]}")
+
+          # PR에 할당된 사람, 레이블, 리뷰어, 프로젝트를 추가.
+          gh pr edit ${{ github.event.pull_request.number }} --add-assignee "${ASSIGNEES}" --add-label "${LABELS}" --add-reviewer "${REVIEWER_LIST}"

.github/workflows/CI.yml

@@ -0,0 +1,34 @@
+name: frontend-CI
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Check Caching
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.12.0'
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm run test
+
+      - name: Run linter
+        run: npm run lint

.github/workflows/PR_Comment_Noti.yml

@@ -0,0 +1,65 @@
+name: Discord Notification on PR Comment
+
+on:
+  issue_comment:
+    types: [created, edited]
+
+jobs:
+  notify-discord-comment:
+    if: ${{ github.event.issue.pull_request && contains(github.event.comment.body, '/noti') }}
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Set Environment Variables
+        env:
+          TITLE: ${{ github.event.issue.title }}
+        run: |
+          echo "AVATAR_URL=${{ secrets.DISCORD_AVATAR_URL }}" >> $GITHUB_ENV
+          echo "COMMENT_BODY= 질문있어요~~" >> $GITHUB_ENV
+          echo "USERNAME=망곰" >> $GITHUB_ENV
+          echo "WEB_HOOK=${{ secrets.DISCORD_WEB_HOOK }}" >> $GITHUB_ENV
+
+      - name: Notify Discord
+        env:
+          COMMENT_BODY: ${{ env.COMMENT_BODY }}
+          COMMENT_AUTHOR: ${{ github.event.comment.user.login }}
+          PR_URL: ${{ github.event.issue.pull_request.html_url }}
+          AUTHOR_URL: ${{ github.event.comment.user.avatar_url }}
+          AVATAR_URL: ${{ env.AVATAR_URL }}
+          CONTENT: ${{ github.event.comment.body }}
+          USERNAME: ${{ env.USERNAME }}
+          WEB_HOOK: ${{ env.WEB_HOOK }}
+        run: |
+          if [ -n "$WEB_HOOK" ]; then
+            JSON_PAYLOAD=$(jq -n \
+              --arg content "$CONTENT" \
+              --arg description "$COMMENT_BODY" \
+              --arg username "$USERNAME" \
+              --arg avatar_url "$AVATAR_URL" \
+              --arg title "Pull Request Command" \
+              --arg url "$PR_URL" \
+              --arg author_url "$AUTHOR_URL" \
+              --arg author_name "$COMMENT_AUTHOR" \
+              --arg color "5814783" \
+              --arg timestamp "$(date -u +"%Y-%m-%dT%H:%M:%SZ")" \
+              '{
+                content: $content,
+                username: $username,
+                avatar_url: $avatar_url,
+                embeds: [{
+                  title: $title,
+                  url: $url,
+                  author: {
+                    name: $author_name,
+                    icon_url: $author_url
+                  },
+                  description: $description,
+                  color: ($color | tonumber),
+                  timestamp: $timestamp
+                }]
+              }')
+
+            curl -X POST -H "Content-Type: application/json" -d "$JSON_PAYLOAD" "$WEB_HOOK"
+          else
+            echo "No matching title found. Skipping notification."
+          fi

.github/workflows/deploy-development.yml

@@ -0,0 +1,49 @@
+name: Deploy-Development
+
+on:
+  workflow_dispatch:
+  pull_request:
+    branches: ['develop']
+    types: ['closed']
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    environment: DEPLOY_DEV
+
+    steps:
+      - name: Setup NodeJS
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Setup .env
+        run: echo "${{vars.ENV}}" > .env
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build Development
+        run: npm run build
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{secrets.AWS_DEV_ACCESS_KEY_ID}}
+          aws-secret-access-key: ${{secrets.AWS_DEV_SECRET_ACCESS_KEY}}
+          aws-region: ap-northeast-2
+
+      - name: Deploy to AWS S3
+        env:
+          BUCKET_NAME: ${{secrets.AWS_DEV_BUCKET_NAME}}
+          aws-access-key-id: ${{secrets.AWS_DEV_ACCESS_KEY_ID}}
+          aws-secret-access-key: ${{secrets.AWS_DEV_SECRET_ACCESS_KEY}}
+        run: aws s3 sync ./dist s3://$BUCKET_NAME --delete
+
+      - name: Invalidate AWS Cloudfront Cache
+        run: |
+          aws cloudfront create-invalidation \
+          --distribution-id ${{secrets.AWS_DEV_CLOUDFRONT_ID}} --paths "/*"

.github/workflows/deploy-production.yml

@@ -0,0 +1,49 @@
+name: Deploy-Production
+
+on:
+  workflow_dispatch:
+  pull_request:
+    branches: ['main']
+    types: ['closed']
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    environment: DEPLOY_PROD
+
+    steps:
+      - name: Setup NodeJS
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Setup .env
+        run: echo "${{vars.ENV}}" > .env
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build Production
+        run: npm run build
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{secrets.AWS_PROD_ACCESS_KEY_ID}}
+          aws-secret-access-key: ${{secrets.AWS_PROD_SECRET_ACCESS_KEY}}
+          aws-region: ap-northeast-2
+
+      - name: Deploy to AWS S3
+        env:
+          BUCKET_NAME: ${{secrets.AWS_PROD_BUCKET_NAME}}
+          aws-access-key-id: ${{secrets.AWS_PROD_ACCESS_KEY_ID}}
+          aws-secret-access-key: ${{secrets.AWS_PROD_SECRET_ACCESS_KEY}}
+        run: aws s3 sync ./dist s3://$BUCKET_NAME --delete
+
+      - name: Invalidate AWS Cloudfront Cache
+        run: |
+          aws cloudfront create-invalidation \
+          --distribution-id ${{secrets.AWS_PROD_CLOUDFRONT_ID}} --paths "/*"