[javascript] ESLint를 사용하여 자바스크립트 코드에서 비동기 코드의 처리를 검사할 수 있나요?
비동기 코드의 처리를 검사하는 방법은 다음과 같습니다.
- ESLint 설치: 먼저, 프로젝트의 루트 디렉토리에서 다음 명령을 실행하여 ESLint를 설치합니다.
npm install eslint --save-dev
- 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”를 선택합니다.
- 비동기 처리 규칙 설정:
.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는 비동기 처리 규칙을 위반한 부분을 검사하고, 오류나 경고를 출력하여 수정이 필요한 부분을 알려줍니다.
참고 자료: