1. ESLint 설치하기 프로젝트 디렉토리에서 터미널을 열고 다음 명령어를 사용하여 ESLint를 설치합니다:

npm install eslint --save-dev

이 명령어를 사용하면 프로젝트의 개발 종속성으로 ESLint가 설치됩니다.

2. ESLint 초기화하기 설치가 완료되면 터미널에서 다음 명령어를 실행하여 ESLint를 초기화합니다:

npx eslint --init

이 명령어를 실행하면 몇 가지 질문이 나오는데, 프로젝트에 맞게 설정을 선택하면 됩니다. 일반적으로는 컨벤션에 따라 표준 스타일을 사용하는 것이 좋습니다.

3. .eslintrc 파일 구성하기 ESLint 초기화가 완료되면 프로젝트 루트 디렉토리에 .eslintrc 파일이 생성됩니다. 이 파일은 ESLint의 구성을 담당합니다. 이 파일을 열고 프로젝트에 맞게 규칙을 수정하거나 추가할 수 있습니다.

{
  "extends": "eslint:recommended",
  "rules": {
    // 프로젝트에 맞게 규칙을 수정하거나 추가
  }
}

4. .eslintrc 파일 설정 .eslintrc 파일에서는 ESLint의 규칙을 설정할 수 있습니다. 여기에는 들여쓰기, 따옴표 사용, 세미콜론 등을 포함할 수 있습니다. 프로젝트에 맞는 코딩 스타일과 요구 사항에 따라 규칙을 수정하십시오.

예를 들어, 들여쓰기 간격을 2로 설정하고 세미콜론을 필수로 사용하도록 변경하려면 다음과 같이 설정할 수 있습니다:

{
  "extends": "eslint:recommended",
  "rules": {
    "indent": ["error", 2],
    "semi": ["error", "always"]
  }
}

5. ESLint 실행하기 ESLint를 사용하여 프로젝트의 코드를 검사하려면 터미널에서 다음 명령어를 실행합니다:

npx eslint [파일 또는 디렉토리 경로]

이 명령어를 실행하면 ESLint가 지정된 경로의 모든 파일을 검사하고, 코드에서 발견된 잠재적인 문제를 보고합니다.

이제 ESLint를 프로젝트에 적용하는 방법을 알게 되었습니다. 이를 통해 팀의 코드 품질과 일관성을 향상시킬 수 있습니다. 추가적인 정보는 ESLint 공식 문서를 참조하시기 바랍니다.