CDP-30 chore⚙️: Prettier + ESLint 설정

Author: leeunduck

.github/workflows/frontend-ci.yml

@@ -6,15 +6,15 @@ on:
     branches: [main]
     types: [opened, reopened, synchronize, ready_for_review]
 
-  # 빠른 피드백: 기능/작업 브랜치에 push될 때 CI 실행
+  # 빠른 피드백: 작업 브랜치에 push될 때 CI 실행 (⚠️ 대문자 네이밍만 허용)
   push:
     branches:
-      - "Feature/*"
-      - "Fix/*"
-      - "Chore/*"
-      - "Docs/*"
-      - "Test/*"
-      - "Refactor/*"
+      - "Feature/**"
+      - "Fix/**"
+      - "Chore/**"
+      - "Docs/**"
+      - "Test/**"
+      - "Refactor/**"
 
   # (선택) Actions 탭에서 수동 실행 버튼
   workflow_dispatch: {}
@@ -23,34 +23,51 @@ concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
+permissions:
+  contents: read
+
 env:
   NODE_VERSION: "20.19.2"
+  CI: "true"
 
 jobs:
   lint:
+    name: Style & Lint
     runs-on: ubuntu-latest
+    timeout-minutes: 10
     steps:
       - uses: actions/checkout@v4
+
       - uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NODE_VERSION }}
+
       - uses: pnpm/action-setup@v4
         with:
           run_install: false
+
       - name: Get pnpm store directory
         id: pnpm-cache
         run: echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
       - uses: actions/cache@v4
         with:
           path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
           key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
           restore-keys: ${{ runner.os }}-pnpm-
+
       - run: pnpm install --frozen-lockfile
-      - run: pnpm run --if-present lint
+
+      - name: Prettier check
+        run: pnpm run --if-present format:check
+
+      - name: ESLint
+        run: pnpm run --if-present lint
 
   test:
     runs-on: ubuntu-latest
     needs: lint
+    timeout-minutes: 15
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
@@ -73,6 +90,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     needs: test
+    timeout-minutes: 15
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
@@ -90,4 +108,13 @@ jobs:
           key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
           restore-keys: ${{ runner.os }}-pnpm-
       - run: pnpm install --frozen-lockfile
+
+      # (선택) Next.js 빌드 캐시
+      # - uses: actions/cache@v4
+      #   with:
+      #     path: |
+      #       .next/cache
+      #     key: ${{ runner.os }}-next-${{ hashFiles('pnpm-lock.yaml', 'next.config.*', '**/*.{ts,tsx,js,jsx,css,scss,md,mdx}') }}
+      #     restore-keys: ${{ runner.os }}-next-
+
       - run: pnpm run build

.prettierignore

@@ -0,0 +1,7 @@
+node_modules
+.next
+out
+dist
+coverage
+.turbo
+public/generated

.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "proseWrap": "preserve"
+}

eslint.config.mjs

@@ -1,25 +1,21 @@
+// eslint.config.mjs
+import { FlatCompat } from "@eslint/eslintrc";
 import { dirname } from "path";
 import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+const compat = new FlatCompat({ baseDirectory: __dirname });
+
+const config = [
+  // Next 권장 + TS + Prettier 추천(FlatCompat로 레거시 확장 변환)
+  ...compat.extends("next/core-web-vitals", "next/typescript", "plugin:prettier/recommended"),
 
-const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  // 무시 목록
   {
-    ignores: [
-      "node_modules/**",
-      ".next/**",
-      "out/**",
-      "build/**",
-      "next-env.d.ts",
-    ],
+    ignores: ["node_modules/**", ".next/**", "out/**", "build/**", "next-env.d.ts"],
   },
 ];
 
-export default eslintConfig;
+export default config;

package.json

@@ -23,6 +23,10 @@
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.5.3",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "tailwindcss": "^4",
     "typescript": "^5"
   }