본문 바로가기
반응형

전체 글55

ESLint 규칙 중 class-methods-use-this란? class-methods-use-thisESLint 규칙 중 class-methods-use-this란?class-methods-use-this 규칙은 클래스 메서드가 this 키워드를 사용하지 않을 경우 경고를 발생시키는 규칙입니다. 클래스 메서드는 일반적으로 this를 사용하여 클래스 인스턴스의 속성이나 메서드에 접근하는데, 만약 this를 사용하지 않는다면 해당 메서드를 정적 메서드로 변경하는 것이 적합할 수 있습니다.왜 필요한가?클래스 메서드에서 this를 사용하지 않으면 해당 메서드는 인스턴스와 독립적으로 동작합니다. 이는 코드의 가독성과 유지보수성을 저하시킬 수 있으며, 정적 메서드로 변경하는 것이 더 적합할 수 있습니다. class-methods-use-this 규칙은 이러한 상황을 감지하여.. 2024. 10. 16.
ESLint 규칙 중 accessor-pairs란? ESLint 규칙 중 accessor-pairs란?accessor-pairs소개ESLint는 자바스크립트 코드를 검사하여 잠재적인 오류를 찾고 코드 품질을 향상시키는 도구입니다. 그 중에서 accessor-pairs 규칙은 객체에서 getter와 setter가 함께 정의되어야 한다는 규칙입니다.accessor-pairs란?accessor-pairs 규칙은 객체의 getter가 정의된 경우 반드시 해당하는 setter도 정의되어야 하며, 반대로 setter가 정의된 경우에도 getter가 있어야 한다는 규칙입니다. 이 규칙은 코드의 일관성을 유지하고, 예기치 않은 동작을 방지하기 위해 사용됩니다.왜 필요한가?객체에서 getter 또는 setter가 한쪽만 정의되어 있으면 예상치 못한 문제가 발생할 수 있습.. 2024. 10. 16.
ESLint 규칙 중 capitalized-comments란? capitalized-commentsESLint 규칙 중 capitalized-comments란?capitalized-comments 규칙은 주석의 첫 글자가 항상 대문자로 시작하도록 강제하는 규칙입니다. 이는 주석이 더 명확하고 일관성 있게 보이도록 만들어줍니다.왜 필요한가?코드에서 주석은 중요한 설명을 제공하므로 이를 잘 작성하는 것이 중요합니다. 대문자로 시작하는 주석은 시각적으로 더 잘 구분되며, 주석이 명확하게 전달됩니다. 일관된 주석 스타일을 유지함으로써 코드의 가독성이 향상되고, 협업 시 주석을 쉽게 이해할 수 있습니다.잘못된 예시주석이 소문자로 시작하는 경우 규칙을 위반하게 됩니다.// this is a comment올바른 예시주석이 대문자로 시작하면 규칙에 맞는 올바른 주석입니다.// T.. 2024. 10. 15.
ESLint 규칙 중 camelcase란? camelcaseESLint 규칙 중 camelcase란?camelcase 규칙은 변수명과 함수명을 카멜 표기법(camelCase)으로 작성하도록 강제하는 규칙입니다. 첫 번째 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 시작하는 표기법을 따릅니다.왜 필요한가?일관된 네이밍 규칙을 따르는 것은 코드의 가독성과 유지보수성을 높이는 데 매우 중요합니다. 카멜 표기법은 자바스크립트 커뮤니티에서 널리 사용되는 관습이며, 이를 따름으로써 코드를 쉽게 읽고 이해할 수 있습니다. camelcase 규칙은 네이밍의 일관성을 보장하여 코드가 더욱 직관적으로 보이게 만듭니다.잘못된 예시언더스코어를 사용한 네이밍은 카멜 표기법을 따르지 않으므로 규칙 위반입니다.let my_variable = 10;올바른 예시카멜 .. 2024. 10. 15.
ESLint 규칙 중 block-scoped-var란? block-scoped-varESLint 규칙 중 block-scoped-var란?block-scoped-var 규칙은 변수가 선언된 블록 내에서만 접근 가능하도록 강제하는 규칙입니다. 자바스크립트의 var 변수는 블록 범위를 따르지 않고 함수 범위를 따르기 때문에, 이 규칙은 블록 외부에서 변수에 접근하는 것을 방지합니다.왜 필요한가?자바스크립트의 var 변수는 블록 내에서 선언되었더라도 블록 외부에서 접근이 가능합니다. 이로 인해 예상치 못한 동작이 발생할 수 있으며, 코드의 예측 가능성이 떨어질 수 있습니다. block-scoped-var 규칙은 이러한 문제를 방지하고 코드의 안정성을 높여줍니다.잘못된 예시변수가 블록 외부에서도 사용되는 경우, 예기치 않은 동작이 발생할 수 있습니다.if (true.. 2024. 10. 15.
ESLint 규칙 중 for-direction란? ESLint 규칙 중 for-direction이란?소개ESLint는 자바스크립트 코드를 검사하여 잠재적인 오류를 찾고 코드 품질을 향상시키는 도구입니다. 그 중에서 for-direction 규칙은 for 루프에서 반복 방향이 올바르게 설정되었는지 확인하는 데 사용됩니다.for-direction이란?for-direction 규칙은 for 루프에서 반복자의 증감 방향이 루프 조건에 맞게 설정되어 있는지 검사하는 규칙입니다. for 루프에서 증가해야 할 때 감소하거나, 감소해야 할 때 증가하는 경우 무한 루프가 발생할 수 있기 때문에, 이 규칙은 반복자의 방향성을 올바르게 설정하도록 강제합니다.왜 필요한가?for 루프에서 반복자 값이 루프 조건과 일치하지 않으면, 무한 루프에 빠질 가능성이 있습니다. 예를 들.. 2024. 10. 15.
ESLint 규칙 중 constructor-super란? ESLint 규칙 중 constructor-super이란?소개ESLint는 자바스크립트 코드를 검사하여 문제점을 찾아내고 개선하는 도구입니다. 이 도구는 코드의 가독성을 높이고 잠재적인 오류를 방지하는 다양한 규칙을 제공합니다. 그 중 하나가 constructor-super 규칙입니다.constructor-super이란?constructor-super 규칙은 클래스의 생성자(constructor)에서 상속받은 클래스의 super()를 호출해야 한다는 것을 강제하는 규칙입니다. ES6에서는 클래스가 다른 클래스를 상속받을 때 super()를 호출해야 상속된 클래스의 생성자를 실행할 수 있습니다. 이를 누락할 경우 런타임 에러가 발생합니다.이 규칙은 상속 구조에서 부모 클래스의 생성자가 올바르게 호출되도록 .. 2024. 10. 14.
ESLint 규칙 중 array-callback-return 이란? ESLint 규칙 중 array-callback-return이란?소개ESLint는 자바스크립트 코드를 검사하여 문제점을 찾아내고 개선하는 도구입니다. 이 도구를 사용하면 코드 품질을 향상시키고 유지보수성을 높일 수 있습니다. ESLint는 다양한 규칙을 제공하는데, 그 중 하나가 array-callback-return입니다.array-callback-return이란?array-callback-return 규칙은 배열 메서드의 콜백 함수에서 반드시 값을 반환해야 한다는 것을 강제하는 규칙입니다. 자바스크립트의 배열 메서드(예: map(), filter(), reduce(), some(), every() 등)는 콜백 함수의 반환값을 통해 동작합니다. 이 규칙은 콜백 함수가 항상 값을 반환하도록 하여, 의도하.. 2024. 10. 14.
ESLint 규칙 중 max-classes-per-file이란? ESLint 규칙 중 max-classes-per-file이란? 소개 ESLint는 자바스크립트 코드를 검사하여 문제점을 찾아내고 개선하는 도구이다. 이러한 도구를 사용하여 개발자는 코드 품질을 향상시키고 유지보수성을 높일 수 있게 된다. ESLint는 여러 가지 규칙들을 제공하는데, 그 중 하나가 max-classes-per-file이다. max-classes-per-file이란? max-classes-per-file 규칙은 파일당 최대 클래스 수를 지정하는 것이다. 이 규칙을 사용하면 파일당 클래스 수를 제한함으로써 파일의 복잡도를 줄이고 가독성을 높일 수 있다. 일반적으로 한 파일에는 한 가지 주제만을 다루는 것이 좋다. 따라서 max-classes-per-file 규칙을 사용하면 파일의 크기를 제.. 2023. 4. 24.
ESLint 규칙 중 no-use-before-define란? ESLint 규칙 중 no-use-before-define란? 소개 ESLint는 JavaScript 코드에서 발생할 수 있는 오류를 찾아내고 예방하기 위한 도구 중 하나입니다. 이 도구는 규칙을 설정하여 코드의 일관성과 가독성을 높이고 코드의 품질을 개선할 수 있습니다. 그 중에서도 no-use-before-define 규칙은 변수와 함수를 선언하기 전에 사용하는 것을 방지하여, 코드의 가독성을 높이기 위한 규칙입니다. no-use-before-define 규칙이란? no-use-before-define 규칙은 변수나 함수를 선언하기 전에 사용하는 것을 방지합니다. 이 규칙은 변수와 함수가 선언되기 전에 참조되는지 여부를 확인합니다. 만약, 선언되기 전에 참조된다면, 이는 오류로 간주됩니다. 예를 들어.. 2023. 4. 24.
ESLint 규칙 중 lines-between-class-members란? ESLint 규칙 중 lines-between-class-members란? 소개 ESLint란 자바스크립트 코드에서 오류를 검사하고 규칙을 적용하기 위한 도구이다. ESLint 규칙은 코드의 가독성, 일관성 및 버그 방지를 위한 다양한 규칙을 포함하고 있다. 그 중 lines-between-class-members 규칙은 클래스의 멤버들 사이에 빈 줄을 넣을 것을 권장하는 규칙이다. lines-between-class-members 규칙이란? lines-between-class-members 규칙은 클래스 내의 메서드와 속성의 구분을 쉽게하기 위해 클래스 멤버들 사이에 빈 줄을 넣을 것을 권장한다. 이 규칙은 클래스 내에서 멤버들을 시각적으로 구분하기 쉽게하며, 코드 가독성을 향상시킨다. lines-be.. 2023. 4. 20.
ESLint 규칙 중 no-shadow란? ESLint 규칙 중 no-shadow란? 소개 ESLint는 자바스크립트 코드에서 에러나 버그를 찾고, 코드 스타일을 유지하는 역할을 합니다. 이러한 역할을 수행하기 위해 ESLint는 여러 가지 규칙을 가지고 있는데, 그 중 하나가 no-shadow입니다. 이 규칙은 변수와 함수 이름이 외부 범위와 중복되지 않도록 해주는 역할을 합니다. no-shadow 규칙 no-shadow 규칙은 변수나 함수 이름이 외부 범위와 중복되는 것을 방지합니다. 이 규칙을 적용하면, 변수나 함수를 선언할 때, 이미 같은 이름이 사용되었다면 ESLint가 경고를 띄웁니다. 이를 통해 같은 이름으로 선언된 변수나 함수가 있을 경우, 혼란을 방지할 수 있습니다. 예를 들어, 다음과 같은 코드가 있다고 가정해 봅시다. func.. 2023. 4. 19.
반응형

티스토리툴바