개발 도구

ESLint

ESLint는 자바스크립트와 타입스크립트 코드에서 잠재적 오류, 일관성 문제, 팀 규칙 위반을 찾아주는 린트 도구입니다.

쉬운 설명

자바스크립트와 타입스크립트 코드의 문제와 스타일 규칙 위반을 찾아주는 린트 도구.

배경과 쓰임까지 이해하기

조금 더 자세히

ESLint는 자바스크립트와 타입스크립트 코드에서 잠재적 오류, 일관성 문제, 팀 규칙 위반을 찾아주는 린트 도구입니다.

커밋 전 코드 검사, CI/CD 품질 체크, 포맷 규칙, 사용하지 않는 변수나 위험한 패턴을 찾을 때 사용합니다.

테스트 코드(Test Code)가 동작 결과를 검증한다면, ESLint는 코드 작성 방식과 정적 문제를 실행 전에 점검합니다.

실제로는 이렇게 만나요

ESLint은(는) 실제 작업 흐름에서 JavaScript, TypeScript, CI/CD 같은 개념과 함께 등장합니다.

  • 이런 거 할 때 나와요 커밋 전 코드 검사, CI/CD 품질 체크, 포맷 규칙, 사용하지 않는 변수나 위험한 패턴을 찾을 때 사용합니다.
  • 이렇게 생겼어요 ESLint은(는) JavaScript, TypeScript, CI/CD 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
  • 나오는 화면 예시 개발 도구 작업을 하다가 JavaScript, TypeScript, CI/CD를 확인하는 화면

헷갈리기 쉬운 점

테스트 코드(Test Code)가 동작 결과를 검증한다면, ESLint는 코드 작성 방식과 정적 문제를 실행 전에 점검합니다.

왜 알아두면 좋을까요?

커밋 전 코드 검사, CI/CD 품질 체크, 포맷 규칙, 사용하지 않는 변수나 위험한 패턴을 찾을 때 사용합니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    정의보다 쓰이는 상황을 먼저 본다

  2. 02

    관련 개념을 함께 확인한다

  3. 03

    실제 프로젝트에서 등장한 위치를 기록한다

관계 지도