Feat/setting/eslint setting/DEVING-31

.github/workflows/pr-check.yml

@@ -0,0 +1,51 @@
+name: PR Check
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened] # 모든 브랜치에 대한 PR 체크
+
+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
+        run: npm ci
+
+      - name: Lint check
+        run: npm run lint:fix # package.json의 script 사용
+
+      - name: Format check
+        run: npm run format # package.json의 script 사용
+
+      - name: Type check
+        run: npx tsc --noEmit
+
+      - name: Run tests
+        run: npm run test # package.json의 script 사용
+
+      - name: Build check
+        run: npm run build # package.json의 script 사용
+
+      - name: Report Status
+        if: always()
+        uses: actions/github-script@v6
+        with:
+          script: |
+            const status = ${{ job.status }};
+            const emoji = status === 'success' ? '✅' : '❌';
+            const body = `${emoji} CI Status: ${status}\n\n검사 항목:\n- Lint\n- Format\n- Type Check\n- Tests\n- Build`;
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: body
+            });

.github/workflows/pr-labeler.yml

@@ -0,0 +1,42 @@
+name: PR Labeler
+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: |
+            const commits = await github.rest.pulls.listCommits({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              pull_number: context.issue.number
+            });
+
+            const labels = new Set();
+
+            commits.data.forEach(commit => {
+              const msg = commit.commit.message;
+              if (msg.startsWith('feat[')) labels.add('✨ feat');
+              if (msg.startsWith('fix[')) labels.add('🐛 fix');
+              if (msg.startsWith('style[')) labels.add('💄 style');
+              if (msg.startsWith('refactor[')) labels.add('♻️ refactor');
+              if (msg.startsWith('test[')) labels.add('✅ test');
+              if (msg.startsWith('docs[')) labels.add('📝 docs');
+              if (msg.startsWith('chore[')) labels.add('🔧 chore');
+            });
+
+            if (labels.size > 0) {
+              await github.rest.issues.addLabels({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                labels: Array.from(labels)
+              });
+            }

.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__/page.test.tsx

@@ -1,6 +1,6 @@
+import Home from '@/app/page';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
-import Home from '@/app/page';
 
 describe('Page', () => {
   it('renders a heading', () => {

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 = {

tailwind.config.ts

@@ -1,16 +1,16 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
 
 export default {
   content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {
       colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
       },
     },
   },

tsconfig.json

@@ -19,9 +19,9 @@
         "name": "next"
       }
     ],
-    "baseUrl": "src",
+    "baseUrl": "./src",
     "paths": {
-      "@/*": ["src/*"],
+      "@/*": ["/*"],
       "@/app/*": ["app/*"],
       "@/components/*": ["components/*"],
       "@/hooks/*": ["hooks/*"],