개발 도구

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

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

관계 지도

ESLint 중심으로 관련 개념의 정의와 관계를 한눈에 정리했습니다.
ESLint의 정의와 관련 개념 간 관계를 설명한 계층형 그래프