---

name: Lint & TypeCheck description: ESLint 및 TypeScript 정적 분석 스킬

Lint & TypeCheck 스킬

명령어

Lint 실행

Copypnpm lint

Lint 자동 수정

Copypnpm lint --fix

TypeScript 타입 검사

Copypnpm typecheck
# 또는
tsc --noEmit

ESLint 설정

.eslintrc.json

Copy{
  "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
  "rules": {
    "@typescript-eslint/no-unused-vars": "error",
    "@typescript-eslint/no-explicit-any": "warn",
    "prefer-const": "error"
  }
}

Prettier 설정

.prettierrc

Copy{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "printWidth": 100
}

package.json 스크립트

Copy{
  "scripts": {
    "lint": "next lint",
    "lint:fix": "next lint --fix",
    "typecheck": "tsc --noEmit",
    "format": "prettier --write ."
  }
}

CI 통합

GitHub Actions에서 PR마다 실행:

Copy- run: pnpm lint
- run: pnpm typecheck

자주 발생하는 에러

1. unused-vars

Copy// ❌
const unused = "never used";

// ✅ 의도적 무시
const _intentionallyUnused = "documented";

2. no-explicit-any

Copy// ❌
function process(data: any) {}

// ✅
function process(data: unknown) {}
function process(data: AnalysisResult) {}