debate-timer · i-meant-to-be · Mar 9, 2026 · Feb 10, 2026 · Feb 17, 2026 · Feb 22, 2026
diff --git a/.github/workflows/Auto_PR_Setting.yml b/.github/workflows/Auto_PR_Setting.yml
diff --git a/.github/workflows/cleanup-preview.yml b/.github/workflows/cleanup-preview.yml
@@ -0,0 +1,42 @@
+name: Cleanup-Preview
+
+on:
+  pull_request:
+    types: [closed]
+    branches: ['develop']
+
+jobs:
+  cleanup:
+    runs-on: ubuntu-latest
+    environment: PREVIEW_ENV
+    permissions:
+      pull-requests: write
+
+    steps:
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_PREVIEW_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_PREVIEW_SECRET_ACCESS_KEY }}
+          aws-region: ap-northeast-2
+
+      - name: Delete Preview from S3
+        run: |
+          aws s3 rm s3://${{ secrets.AWS_PREVIEW_BUCKET_NAME }}/pr-${{ github.event.pull_request.number }}/ --recursive
+
+      - name: Invalidate CloudFront Cache
+        run: |
+          aws cloudfront create-invalidation \
+            --distribution-id ${{ secrets.AWS_PREVIEW_CLOUDFRONT_ID }} \
+            --paths "/pr-${{ github.event.pull_request.number }}/*"
+
+      - name: Comment Cleanup Notice
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.issues.createComment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.payload.pull_request.number,
+              body: '🧹 Preview 배포가 정리되었습니다.'
+            });
diff --git a/.github/workflows/deploy-preview.yml b/.github/workflows/deploy-preview.yml
@@ -0,0 +1,123 @@
+name: Deploy-Preview
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+    branches: ['develop']
+
+concurrency:
+  group: preview-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    environment: PREVIEW_ENV
+    permissions:
+      pull-requests: write
+      contents: read
+
+    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
+          echo "${{ secrets.ENV }}" >> .env
+          echo "VITE_BASE_PATH=/pr-${{ github.event.pull_request.number }}" >> .env
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build Preview
+        run: npm run build
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_PREVIEW_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_PREVIEW_SECRET_ACCESS_KEY }}
+          aws-region: ap-northeast-2
+
+      - name: Deploy to S3 Preview Bucket
+        run: |
+          aws s3 sync ./dist s3://${{ secrets.AWS_PREVIEW_BUCKET_NAME }}/pr-${{ github.event.pull_request.number }}/ --delete
+
+      - name: Deploy OAuth Redirect Handler
+        run: |
+          cat > /tmp/oauth-handler.html << 'OAUTH_EOF'
+          <!DOCTYPE html>
+          <html>
+          <head><title>Redirecting...</title></head>
+          <body>
+          <script>
+            var params = new URLSearchParams(window.location.search);
+            var state = params.get('state');
+            var validStateRegex = /^\/pr-\d+$/;
+            if (state && validStateRegex.test(state)) {
+              params.delete('state');
+              window.location.replace(state + '/oauth?' + params.toString());
+            } else {
+              document.title = 'Error';
+              document.body.textContent = '잘못된 접근입니다. (Invalid OAuth State)';
+            }
+          </script>
+          </body>
+          </html>
+          OAUTH_EOF
+          aws s3 cp /tmp/oauth-handler.html s3://${{ secrets.AWS_PREVIEW_BUCKET_NAME }}/oauth --content-type "text/html"
+
+      - name: Invalidate CloudFront Cache
+        run: |
+          aws cloudfront create-invalidation \
+            --distribution-id ${{ secrets.AWS_PREVIEW_CLOUDFRONT_ID }} \
+            --paths "/pr-${{ github.event.pull_request.number }}/*" "/oauth"
+
+      - name: Comment Preview URL on PR
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const prNumber = context.payload.pull_request.number;
+            const url = `https://preview.debate-timer.com/pr-${prNumber}/`;
+
+            const body = `## 🚀 Preview 배포 완료!
+
+            | 환경 | URL |
+            |-----|-----|
+            | Preview | [열기](${url}) |
+            | API | Dev 환경 |
+
+            > PR이 닫히면 자동으로 정리됩니다.`;
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: prNumber,
+            });
+
+            const existing = comments.find(c =>
+              c.user.login === 'github-actions[bot]' &&
+              c.body.includes('Preview 배포 완료')
+            );
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: prNumber,
+                body
+              });
+            }
diff --git a/index.html b/index.html
@@ -2,7 +2,10 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/debate_logo.jpg" />
+    <link rel="icon" href="/favicons/favicon.ico" />
+    <link rel="icon" href="/favicons/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/favicons/favicon512.png" />
+    <link rel="manifest" href="/manifest.json" />
     <link
       rel="stylesheet"
       as="style"
@@ -24,7 +27,7 @@
       property="og:description"
       content="Debate Timer - 효율적인 토론용 타이머입니다."
     />
-    <meta property="og:image" content="/debate_logo.jpg" />
+    <meta property="og:image" content="/favicons/favicon512.png" />
     <title>Debate Timer</title>
   </head>
   <body>