Feat/setting/eslint setting/DEVING-31

.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/(.*)$",

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

@@ -1,5 +1,4 @@
 // jest.config.ts
-
 import type { Config } from 'jest';
 import nextJest from 'next/jest.js';
 

package.json

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "lint:fix": "eslint --fix \"**/*.{js,jsx,ts,tsx}\"",
+    "lint:fix": "eslint --fix \"src/**/*.{js,jsx,ts,tsx}\"",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install",
     "test": "jest"
@@ -23,6 +23,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/jest": "^29.5.14",
     "@types/node": "^20",
     "@types/react": "^18",
@@ -45,7 +46,7 @@
     "prettier-plugin-tailwindcss": "^0.5.11",
     "tailwindcss": "^3.4.1",
     "ts-node": "^10.9.2",
-    "typescript": "^5"
+    "typescript": "~5.5.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

postcss.config.js

@@ -1,6 +1 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
+module.exports = { plugins: { tailwindcss: {}, autoprefixer: {} } };

src/app/layout.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from 'next';
+
 import './globals.css';
 
 export const metadata: Metadata = {