[Hotfix] #159 배포 로그인 버그

.eslintrc.cjs

@@ -2,10 +2,11 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true, node: true },
   extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
     'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    '@typescript-eslint/no-explicit-any': 'off',
   },
 }

.github/auto_assign.yml

@@ -0,0 +1,30 @@
+addReviewers: true
+addAssignees: author
+
+reviewers:
+  - saseungmin
+  - ruehan
+  - shlee9999
+  - wonill
+  - kimjuyoung99
+
+numberOfReviewers: 2  # requiredReviewers를 제외한 추가 리뷰어 수
+
+requiredReviewers:
+  - saseungmin
+
+useReviewGroups: true  # 리뷰 그룹 사용 활성화
+
+reviewGroups:
+  required:
+    - saseungmin
+  optional:
+    - ruehan
+    - shlee9999
+    - wonill
+    - kimjuyoung99
+
+skipKeywords:
+  - wip
+
+filterUserReviewer: true

.github/workflows/auto_assign.yml

@@ -0,0 +1,10 @@
+name: 'Auto Assign Reviewer'
+on:
+  pull_request:
+    types: [opened, reopened]
+
+jobs:
+  add-reviews:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: kentaro-m/auto-assign-action@v1.2.1

.github/workflows/delete_branch.yml

@@ -0,0 +1,57 @@
+name: Delete Merged Branches
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+jobs:
+  delete-merged-branches:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Delete old merged branches
+        run: |
+          echo "Starting branch cleanup process..."
+
+          git config --global user.name 'github-actions'
+          git config --global user.email 'github-actions@github.com'
+
+          echo "Switching to develop branch..."
+          git checkout develop
+
+          echo "Current time: $(date)"
+
+          # 원격 브랜치 최신 정보 업데이트
+          git fetch --prune origin
+
+          echo "Checking for merged branches older than 7 days..."
+          git branch -r --merged develop | \
+            grep -v 'origin/main\|origin/develop' | \
+            while read branch; do
+              branch_name=${branch#origin/}
+              echo "Checking branch: $branch_name"
+
+              # 마지막 커밋 날짜 확인
+              last_commit_date=$(git log -1 --format=%cd $branch)
+              echo "Last commit date: $last_commit_date"
+
+              if [[ $(git log -1 --since='7 days ago' $branch) == "" ]]; then
+                echo "Branch '$branch_name' is older than 7 days and will be deleted"
+                git push origin --delete $branch_name || echo "Failed to delete branch: $branch_name"
+              else
+                echo "Branch '$branch_name' is still active (less than 7 days old)"
+              fi
+            done
+
+          echo "Branch cleanup process completed"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/lighthouse.yml

@@ -37,6 +37,9 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ''
 
+      - name: Build project
+        run: npm run lint
+
       - name: Build project
         run: npm run build
 
@@ -61,62 +64,101 @@ jobs:
         with:
           github-token: ${{secrets.GITHUB_TOKEN}}
           script: |
-            const fs = require('fs');
-            const reportPath = './lhci_reports/manifest.json';
+            const fs = require('fs')
+
+            const REPORT_PATH = './lhci_reports/manifest.json'
+            const SCORE_EMOJIS = {
+              HIGH: '🟢',
+              MEDIUM: '🟠',
+              LOW: '🔴',
+            }
+
+            const getScoreEmoji = score => {
+              if (score >= 90) return SCORE_EMOJIS.HIGH
+              if (score >= 50) return SCORE_EMOJIS.MEDIUM
+              return SCORE_EMOJIS.LOW
+            }
+
+            const formatScore = score => Math.round(score * 100)
+
+            const generateReportForUrl = report => {
+              const {
+                url,
+                details: { audits },
+                summary,
+              } = report
+
+              const sections = [
+                `## ${url}`,
+                generateMetricsTable(summary),
+                generateDetailedMetricsTable(audits),
+                generateSecurityTable(audits),
+              ]
 
-            if (!fs.existsSync(reportPath)) {
-                console.log('No Lighthouse report found');
-                return;
+              return sections.join('\n\n')
             }
 
-            const results = JSON.parse(fs.readFileSync(reportPath));
-            // 중앙값 결과 찾기
-            const medianResult = results.find(entry => entry.isRepresentativeRun);
-            const details = JSON.parse(fs.readFileSync(medianResult.jsonPath));
-            const { summary } = medianResult;
-            const { audits } = details;
-
-            const formatResult = (res) => Math.round(res * 100);
-
-            Object.keys(summary).forEach(
-                (key) => (summary[key] = formatResult(summary[key]))
-            );
-
-            const score = (res) => (res >= 90 ? "🟢" : res >= 50 ? "🟠" : "🔴");
-
-            // 기본 성능 메트릭
-            const performanceMetrics = [
-                `# ⚡ Lighthouse Report`,
-                `| Category | Score |`,
-                `| --- | --- |`,
-                `| ${score(summary.performance)} Performance | ${summary.performance} |`,
-                `| ${score(summary.accessibility)} Accessibility | ${summary.accessibility} |`,
-                `| ${score(summary['best-practices'])} Best Practices | ${summary['best-practices']} |`,
-                `| ${score(summary.seo)} SEO | ${summary.seo} |`
-            ].join('\n');
-
-            // 상세 메트릭
-            const detailedMetrics = [
-                `\n### Detailed Metrics`,
-                `| Metric | Value |`,
-                `| --- | --- |`,
-                `| ${score(audits['first-contentful-paint'].score * 100)} First Contentful Paint | ${audits['first-contentful-paint'].displayValue} |`,
-                `| ${score(audits['largest-contentful-paint'].score * 100)} Largest Contentful Paint | ${audits['largest-contentful-paint'].displayValue} |`,
-                `| ${score(audits['total-blocking-time'].score * 100)} Total Blocking Time | ${audits['total-blocking-time'].displayValue} |`,
-                `| ${score(audits['cumulative-layout-shift'].score * 100)} Cumulative Layout Shift | ${audits['cumulative-layout-shift'].displayValue} |`,
-                `| ${score(audits['speed-index'].score * 100)} Speed Index | ${audits['speed-index'].displayValue} |`
-            ].join('\n');
-
-            // 보안 검사 결과
-            const securityChecks = [
-                `\n### Security Checks`,
-                `| Check | Status | Details |`,
-                `| --- | --- | --- |`,
-                `| CSP-XSS | ${audits['csp-xss'] ? (audits['csp-xss'].score === 1 ? '✅' : '⚠️') : '❓'} | ${audits['csp-xss'] ? audits['csp-xss'].title : 'Not available'} |`
-            ].join('\n');
-
-            const comments = performanceMetrics + '\n' + detailedMetrics + '\n' + securityChecks;
-            core.setOutput('comments', comments);
+            const generateMetricsTable = summary => {
+              return [
+                '### Performance Metrics',
+                '| Category | Score |',
+                '| --- | --- |',
+                `| Performance | ${getScoreEmoji(summary.performance)} ${summary.performance} |`,
+                `| Accessibility | ${getScoreEmoji(summary.accessibility)} ${summary.accessibility} |`,
+                `| Best Practices | ${getScoreEmoji(summary['best-practices'])} ${summary['best-practices']} |`,
+                `| SEO | ${getScoreEmoji(summary.seo)} ${summary.seo} |`,
+              ].join('\n')
+            }
+
+            const generateDetailedMetricsTable = audits => {
+              return [
+                '### Detailed Metrics',
+                '| Metric | Value |',
+                '| --- | --- |',
+                `| First Contentful Paint | ${getScoreEmoji(audits['first-contentful-paint'].score * 100)} ${audits['first-contentful-paint'].displayValue} |`,
+                `| Largest Contentful Paint | ${getScoreEmoji(audits['largest-contentful-paint'].score * 100)} ${audits['largest-contentful-paint'].displayValue} |`,
+                `| Total Blocking Time | ${getScoreEmoji(audits['total-blocking-time'].score * 100)} ${audits['total-blocking-time'].displayValue} |`,
+                `| Cumulative Layout Shift | ${getScoreEmoji(audits['cumulative-layout-shift'].score * 100)} ${audits['cumulative-layout-shift'].displayValue} |`,
+                `| Speed Index | ${getScoreEmoji(audits['speed-index'].score * 100)} ${audits['speed-index'].displayValue} |`,
+              ].join('\n')
+            }
+
+            const generateSecurityTable = audits => {
+              return [
+                '### Security Checks',
+                '| Check | Status | Details |',
+                '| --- | --- | --- |',
+                `| CSP-XSS | ${audits['csp-xss'] ? (audits['csp-xss'].score === 1 ? '✅' : '⚠️') : '❓'} | ${audits['csp-xss']?.title || 'Not available'} |`,
+              ].join('\n')
+            }
+
+            const generateLighthouseReports = () => {
+              if (!fs.existsSync(REPORT_PATH)) {
+                console.error('No Lighthouse report found')
+                return null
+              }
+
+              try {
+                const results = JSON.parse(fs.readFileSync(REPORT_PATH))
+                const medianResults = results.filter(entry => entry.isRepresentativeRun)
+
+                const reports = medianResults.map(result => ({
+                  url: result.url,
+                  details: JSON.parse(fs.readFileSync(result.jsonPath)),
+                  summary: Object.fromEntries(Object.entries(result.summary).map(([key, value]) => [key, formatScore(value)])),
+                }))
+
+                return ['# ⚡ Lighthouse Reports', ...reports.map(report => generateReportForUrl(report))].join('\n\n')
+              } catch (error) {
+                console.error('Error generating Lighthouse reports:', error)
+                return null
+              }
+            }
+
+            const comments = generateLighthouseReports()
+            if (comments) {
+              core.setOutput('comments', comments)
+            }
 
       - name: Comment PR
         if: github.event_name == 'pull_request'

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
-  "typescript.preferences.importModuleSpecifier": "non-relative"
+  "typescript.preferences.importModuleSpecifier": "non-relative",
 }

.vscode/typescript.code-snippets

@@ -6,19 +6,70 @@
       "import { styled } from 'styled-components'",
       "",
       "export const ${1:${TM_DIRECTORY/^.+\\\\(.*)$/$1/}} = styled.div`",
-      " $2",
-      "`;"
-    ]
+      " ${2}",
+      "`;",
+    ],
   },
   "Typescript React Styled Components in Mac": {
     "scope": "typescript",
     "prefix": "scmac",
     "body": [
       "import { styled } from 'styled-components'",
       "",
-      "export const ${3:${TM_DIRECTORY/.*\\/(.*)$/$1/}} = styled.div`",
-      " $2",
-      "`;"
-    ]
-  }
+      "export const ${1:${TM_DIRECTORY/.*\\/(.*)$/$1/}} = styled.div`",
+      " ${2}",
+      "`;",
+    ],
+  },
+  "Axios Request Function": {
+    "prefix": "api-req",
+    "body": [
+      "import { AxiosError } from 'axios';",
+      "import { APIResponse, ErrorResponse } from '~types/api';",
+      "import { axiosInstance } from '~apis/axiosInstance';",
+      "",
+      "export type ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Request = {",
+      "  ${2}",
+      "}",
+      "",
+      "export type ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Response = {",
+      "  ${3}",
+      "}",
+      "",
+      "export const ${4:${TM_FILENAME_BASE/(.*)/${1:/camelcase}/}} = async (req: ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Request): Promise<APIResponse<${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Response>> => {",
+      "  try {",
+      "    const { data } = await axiosInstance.${5|get,post,put,patch,delete|}<APIResponse<${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Response>>(",
+      "      `/${6:endpoint}`,",
+      "       req",
+      "    );",
+      "    return data;",
+      "  } catch (error) {",
+      "    if (error instanceof AxiosError) {",
+      "      const { response } = error as AxiosError<ErrorResponse>;",
+      "",
+      "      if (response) {",
+      "        const { code, message } = response.data",
+      "        switch (code) {",
+      "          case 400:",
+      "            throw new Error(message || '잘못된 요청입니다.')",
+      "          case 401:",
+      "            throw new Error(message || '인증에 실패했습니다.')",
+      "          case 500:",
+      "            throw new Error(message || '서버 오류가 발생했습니다.')",
+      "          default:",
+      "            throw new Error(message || '알 수 없는 오류가 발생했습니다.')",
+      "        }",
+      "      } ",
+      "      // 요청 자체가 실패한 경우",
+      "      throw new Error('네트워크 연결을 확인해주세요')",
+      "      ",
+      "    }",
+      "",
+      "    console.error('예상치 못한 에러:', error);",
+      "    throw new Error('다시 시도해주세요');",
+      "  }",
+      "};",
+    ],
+    "description": "Axios request function template with error handling",
+  },
 }