[javascript] ESLint를 사용하여 자바스크립트 코드에서 비동기 코드의 처리를 검사할 수 있나요?

비동기 코드의 처리를 검사하는 방법은 다음과 같습니다.

  1. ESLint 설치: 먼저, 프로젝트의 루트 디렉토리에서 다음 명령을 실행하여 ESLint를 설치합니다.
npm install eslint --save-dev
  1. ESLint 구성 파일 생성: 프로젝트의 루트 디렉토리에서 다음 명령을 실행하여 ESLint 구성 파일인 .eslintrc.json 파일을 생성합니다.
npx eslint --init

이 명령을 실행하면 여러 가지 옵션을 설정할 수 있는 대화형 인터페이스가 나타납니다. 이 중에서 “How would you like to configure ESLint?” 라는 질문에는 “Use a popular style guide”를 선택하는 것이 좋습니다. 그리고 “Which style guide do you want to follow?”라는 질문에는 “Standard”를 선택합니다.

  1. 비동기 처리 규칙 설정: .eslintrc.json 파일을 열고, “rules” 항목 아래에 다음과 같은 규칙을 추가합니다.
"rules": {
  "require-await": "error",
  "no-return-await": "error"
}

“require-await” 규칙은 async 함수 내에서 항상 await 키워드를 사용하도록 요구하고, “no-return-await” 규칙은 async 함수에서 await 키워드를 사용한 결과를 반환하지 않도록 요구합니다.

이제 ESLint를 실행하여 비동기 코드를 검사할 수 있습니다. 프로젝트의 루트 디렉토리에서 다음 명령을 실행합니다.

npx eslint your-file.js

위 명령에서 your-file.js를 실제 파일 이름으로 바꿔야 합니다. ESLint는 비동기 처리 규칙을 위반한 부분을 검사하고, 오류나 경고를 출력하여 수정이 필요한 부분을 알려줍니다.

참고 자료: