Feat/setting/DEVING-8

.coderabbit.yml

@@ -0,0 +1,15 @@
+language: 'ko-KR'
+early_access: false
+reviews:
+  profile: 'chill'
+  request_changes_workflow: false
+  high_level_summary: true
+  poem: false
+  allowed_branches: ['*']
+  review_status: true
+  collapse_walkthrough: false
+  auto_review:
+    enabled: true
+    drafts: false
+chat:
+  auto_reply: true

.github/pull_request_template.md

@@ -1,32 +1,19 @@
-# 🎯 PR 내용
+## 📝 주요 작업 내용
 
+ex) 본인이 작성한 내용에 대한 상세 설명
 
-## 작업 내용
-<!-- 작업 내용을 상세히 설명해주세요 -->
+## 📺 스크린샷
 
+(선택사항)
 
-## 스크린샷
+## 🔗 참고 사항
 
+ex) 의논할 점, 리뷰어가 알 필요가 있는 추가 정보나 문서, 참고 링크를 포함.
 
-### 작업 결과물
-<!-- 실제 구현 화면을 캡쳐해주세요 -->
+## 💬 리뷰 요구사항
 
+ex) 중점적으로 리뷰해줬으면 하는 부분
 
-### 관련 이슈
-<!-- JIRA 이슈의 스크린샷을 첨부해주세요 -->
+## 📃 관련 이슈
 
-
-## ✅ PR 포인트
-
-
-### 리뷰어 참고사항
-<!-- 리뷰어가 참고해야 할 내용을 작성해주세요 -->
-- 
-
-### 중점 리뷰 요소
-<!-- 중점적으로 리뷰받고 싶은 부분을 작성해주세요 -->
-- 
-
-## 🔍 관련 이슈
-<!-- 연결된 이슈 번호를 작성해주세요 -->
-close #
+ex) #이슈 번호

.github/workflows/pr-check.yml

@@ -0,0 +1,90 @@
+name: PR Check
+
+permissions:
+  contents: read
+  pull-requests: write
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        id: install
+        run: npm ci
+
+      - name: Lint check
+        id: lint
+        continue-on-error: true
+        run: npm run lint:fix
+
+      - name: Format check
+        id: format
+        continue-on-error: true
+        run: npm run format
+
+      - name: Type check
+        id: typecheck
+        continue-on-error: true
+        run: npx tsc --noEmit
+
+      - name: Run tests
+        id: test
+        continue-on-error: true
+        run: npm run test
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v3
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+
+      - name: Build check
+        id: build
+        continue-on-error: true
+        run: npm run build
+
+      - name: Report Status
+        if: always()
+        uses: actions/github-script@v6
+        with:
+          script: |
+            const steps = {
+              lint: '${{ steps.lint.outcome }}',
+              format: '${{ steps.format.outcome }}',
+              typecheck: '${{ steps.typecheck.outcome }}',
+              test: '${{ steps.test.outcome }}',
+              build: '${{ steps.build.outcome }}'
+            };
+
+            const emoji = (status) => status === 'success' ? '✅' : '❌';
+
+            const body = `## CI Status Report\n\n` +
+              `### 검사 결과\n` +
+              `- Lint: ${emoji(steps.lint)} ${steps.lint}\n` +
+              `- Format: ${emoji(steps.format)} ${steps.format}\n` +
+              `- Type Check: ${emoji(steps.typecheck)} ${steps.typecheck}\n` +
+              `- Tests: ${emoji(steps.test)} ${steps.test}\n` +
+              `- Build: ${emoji(steps.build)} ${steps.build}\n\n` +
+              `${Object.values(steps).every(s => s === 'success') ? '✅ 모든 검사가 통과되었습니다.' : '❌ 일부 검사가 실패했습니다.'}`;
+
+            await github.rest.issues.createComment({
+              ...context.repo,
+              issue_number: context.issue.number,
+              body: body
+            });
+
+            if (Object.values(steps).some(s => s === 'failure')) {
+              core.setFailed('Some checks failed');
+            }

.github/workflows/pr-labeler.yml

@@ -0,0 +1,73 @@
+name: PR Labeler
+
+permissions:
+  contents: read
+  pull-requests: write
+
+on:
+  pull_request:
+    types: [opened, edited]
+
+jobs:
+  label:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Label PR based on commit messages
+        uses: actions/github-script@v6
+        with:
+          script: |
+            try {
+              const { data: commits } = await github.rest.pulls.listCommits({
+                ...context.repo,
+                pull_number: context.issue.number
+              });
+
+              const labels = new Set();
+              commits.forEach(commit => {
+                const msg = commit.commit.message;
+                // Using regex to match your commit convention: type(issue) message
+                const typeMatch = msg.match(/^(feat|fix|style|refactor|test|docs|chore|setting)\(/i);
+
+                if (typeMatch) {
+                  const type = typeMatch[1].toLowerCase();
+                  switch (type) {
+                    case 'feat':
+                      labels.add('✨ feat');
+                      break;
+                    case 'fix':
+                      labels.add('🐛 fix');
+                      break;
+                    case 'style':
+                      labels.add('💄 style');
+                      break;
+                    case 'refactor':
+                      labels.add('♻️ refactor');
+                      break;
+                    case 'test':
+                      labels.add('✅ test');
+                      break;
+                    case 'docs':
+                      labels.add('📝 docs');
+                      break;
+                    case 'chore':
+                      labels.add('🔧 chore');
+                      break;
+                    case 'setting':
+                      labels.add('⚙️ setting');
+                      break;
+                  }
+                }
+              });
+
+              if (labels.size > 0) {
+                await github.rest.issues.addLabels({
+                  ...context.repo,
+                  issue_number: context.issue.number,
+                  labels: Array.from(labels)
+                });
+              }
+            } catch (error) {
+              core.setFailed(`Action failed with error: ${error}`);
+            }

.prettierrc

@@ -7,7 +7,10 @@
   "bracketSpacing": true,
   "arrowParens": "always",
   "endOfLine": "lf",
-  "plugins": ["prettier-plugin-tailwindcss"],
+  "plugins": [
+    "prettier-plugin-tailwindcss",
+    "@trivago/prettier-plugin-sort-imports"
+  ],
   "importOrder": [
     "^@utils/(.*)$",
     "^@apis/(.*)$",

__tests__/add.test.ts

@@ -0,0 +1,5 @@
+import add from '@/util/add';
+
+test('2+3=5', () => {
+  expect(add(2, 3)).toBe(5);
+});

eslint.config.mjs

@@ -16,9 +16,17 @@ const compat = new FlatCompat({
   recommendedConfig: {},
 });
 
+/** @type {import('eslint').Linter.Config[]} */
 const eslintConfig = [
   {
-    ignores: ['node_modules/', 'dist/', 'public/'],
+    ignores: [
+      'node_modules/',
+      'dist/',
+      'public/',
+      '.next/',
+      '**/*.js',
+      'next-env.d.ts',
+    ],
   },
   ...compat.extends(
     'eslint:recommended',
@@ -36,9 +44,7 @@ const eslintConfig = [
       parserOptions: {
         ecmaVersion: 2023,
         sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true,
-        },
+        ecmaFeatures: { jsx: true },
         project: './tsconfig.json',
       },
     },
@@ -57,33 +63,22 @@ const eslintConfig = [
       ],
       '@typescript-eslint/no-unused-vars': [
         'warn',
-        {
-          args: 'after-used',
-          varsIgnorePattern: '^_',
-        },
+        { args: 'after-used', varsIgnorePattern: '^_' },
       ],
       'jsx-a11y/label-has-associated-control': [
         'error',
-        {
-          required: { some: ['nesting', 'id'] },
-        },
+        { required: { some: ['nesting', 'id'] } },
       ],
       'no-console': 'warn',
       'react-hooks/rules-of-hooks': 'error',
       'react-hooks/exhaustive-deps': 'warn',
       'react/jsx-no-useless-fragment': 'warn',
     },
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
+    settings: { react: { version: 'detect' } },
   },
   {
     files: ['*.tsx', '*.jsx'],
-    rules: {
-      '@typescript-eslint/no-use-before-define': 'off',
-    },
+    rules: { '@typescript-eslint/no-use-before-define': 'off' },
   },
 ];
 

jest.config.ts

@@ -0,0 +1,25 @@
+// jest.config.ts
+import type { Config } from 'jest';
+import nextJest from 'next/jest.js';
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+});
+
+// Add any custom config to be passed to Jest
+const config: Config = {
+  coverageProvider: 'v8',
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  moduleNameMapper: {
+    '^@/app/(.*)$': '<rootDir>/app/$1',
+    '^@/components/(.*)$': '<rootDir>/components/$1',
+    '^@/hooks/(.*)$': '<rootDir>/hooks/$1',
+    '^@/lib/(.*)$': '<rootDir>/lib/$1',
+    '^@/util/(.*)$': '<rootDir>/util/$1',
+  },
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+export default createJestConfig(config);

jest.setup.ts

@@ -0,0 +1,7 @@
+import '@testing-library/jest-dom';
+
+jest.spyOn(console, 'error').mockImplementation((message) => {
+  if (message.includes('fetchPriority')) {
+    return;
+  }
+});