ESLint는 JavaScript 코드에서 일반적인 오류를 포착하고 코드 스타일을 검사하기 위한 도구입니다. 하지만 기본적으로는 타입 체크를 지원하지 않습니다.

하지만 TypeScript 같은 TypeScript 컴파일러와 달리, ESLint는 타입 체크를 수행하지 않습니다. 대신에, ESLint 플러그인 중에서 타입 체크를 위한 다양한 플러그인이 있습니다.

가장 인기 있는 플러그인은 “@typescript-eslint”이며, 이는 TypeScript와 함께 사용될 때 정적 타입 체크를 수행할 수 있습니다. 이 플러그인은 다양한 타입 체크 규칙과 함께 오류 메시지를 제공하여 코드에서 타입 관련 문제를 파악할 수 있도록 도와줍니다.

ESLint와 “@typescript-eslint” 플러그인을 사용하여 자바스크립트 코드에서 타입 체크를 수행하려면 다음 단계를 따르세요:

1. 프로젝트 내에 ESLint와 “@typescript-eslint” 플러그인을 설치합니다:

   npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev
   

2. ESLint 설정 파일인 .eslintrc를 프로젝트 루트에 생성합니다:

   {
     "parser": "@typescript-eslint/parser",
     "plugins": ["@typescript-eslint"],
     "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"]
   }
   

3. 설정 파일에서 타입 체크를 사용하도록 다음 규칙을 추가합니다:

   {
     "rules": {
    "@typescript-eslint/no-var-requires": "off",
    "@typescript-eslint/explicit-module-boundary-types": "error"
     }
   }
   

4. 자바스크립트 코드에서 ESLint를 실행하여 타입 체크를 수행합니다:

   npx eslint your-file.js
   

이제 ESLint와 “@typescript-eslint” 플러그인을 사용하여 자바스크립트 코드에서 타입 체크를 수행할 수 있습니다. 이를 통해 코드의 타입 관련 오류를 미리 파악하고 세련된 코드 작성을 도울 수 있습니다.