해당 영상이 오래되어 TSLint 설정 방법이 현재와 다르게 변경되었습니다.

TSLint는 더 이상 유지보수되지 않기 때문에 ESLint로 변경해야 합니다.

ESLint는 TSLint보다 다양한 플러그인과 규칙을 제공하며, 더 나은 유지보수가 되고 있습니다.

ESLint를 설치하려면 터미널에 간단한 명령어를 입력해야 합니다.

ESLint 설치

yarn add -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser

환경 설정

환경 설정을 위해서는 공식 매뉴얼에서는 .cjs 확장자로 설정 파일을 만들 것을 권장합니다.

그러나 이렇게 설정하면 Visual Studio Code에서 경고가 발생하는 경우가 있으니 .json 확장자로 설정하는 것이 좋습니다.

.eslintrc.json 파일을 만들고, 내용을 아래와 같이 작성하면 됩니다.

$ touch .eslintrc.json

{
    "root": true,
    "parser": "@typescript-eslint/parser",
    "plugins": ["@typescript-eslint"],
    "ignorePatterns": ".eslintrc.js",
    "parserOptions": {
        "project": ["./tsconfig.json"]
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:@typescript-eslint/recommended-requiring-type-checking",
        "plugin:@typescript-eslint/strict"
    ]
}

이렇게 하면 더 이상 TSLint를 사용하지 않아도 되며, ESLint의 다양한 기능을 활용할 수 있습니다.