1. ESLint 설치

먼저 ESLint 및 TypeScript 플러그인을 설치합니다.

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

2. 설정 파일 생성

프로젝트 루트에 .eslintrc.js 파일을 생성하고 아래의 내용을 추가합니다.

module.exports = {
  root: true,
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
  parserOptions: {
    project: './tsconfig.json',
  },
};

3. 스크립트 추가

package.json 파일의 scripts 섹션에 다음과 같이 lint 명령을 추가합니다.

{
  "scripts": {
    "lint": "eslint . --ext .ts"
  }
}

4. 코드 스타일 가이드 적용

프로젝트 루트에서 다음 명령을 실행하여 linting을 수행합니다.

npm run lint

위의 단계를 따르면 TypeScript 프로젝트에서 ESLint를 이용하여 코드를 linting하고 코드 스타일 가이드를 적용할 수 있습니다.

참고 문헌:

• ESLint: https://eslint.org/
• @typescript-eslint: https://github.com/typescript-eslint/typescript-eslint