ESLint 검색 결과

해당 글 8건

[eslint] 구조 분해 할당 관련 규칙

구조 분해 할당과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.최종 규칙을 보여드리면 아래와 같습니다.하나씩 알아보도록 하겠습니다.{ "rules": { "prefer-destructuring": "off", "no-empty-pattern": "error", "no-useless-rename": "error", "no-unused-vars": "warn", "@typescript-eslint/no-unused-vars": [ "error", { "args": "none", "argsIgnorePattern": "^_", "varsIgnorePattern": "^_", "ignoreRestSibli..
공유/기타 2024. 10. 21. 18:52

[eslint] optional chaining, 옵셔널 체이닝 관련 규칙

optional chaining(옵셔널 체이닝, ?.)과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.{ "rules": { "no-unsafe-optional-chaining": "error", "@typescript-eslint/prefer-optional-chain": "error" }}no-unsafe-optional-chaining옵셔널 체이닝이 필요 없는 곳에 사용된 위치를 찾아주는 규칙입니다.옵셔널 체이닝은 null, undefined가 될 수 있는 곳에 사용해야 합니다.// badconst obj = { name: "name" }console.log(obj?.name)@typescript-eslint/prefer-optional-chain옵셔널 체이닝을 권장하는 규칙..
공유/기타 2024. 10. 21. 18:50

[eslint] switch 문

switch 문과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.최종 규칙을 보여드리면 아래와 같습니다.하나씩 알아보도록 하겠습니다.{ "rules": { "default-case": "error", "no-fallthrough": "error", "no-case-declarations": "error", "consistent-return": "error", "no-duplicate-case": "error" }}default-caseswitch 문에 default 케이스가 존재하도록 강제하는 규칙입니다.// badswitch (condition) { case 1: break;}// goodswitch (condition) { case 1: break;..
공유/기타 2024. 10. 21. 18:48

[eslint] 삼항연산자 관련 규칙

삼항연산자를 사용할 때, 도움이 되는 eslint 규칙에 대해 알아보도록 하겠습니다.{ "rules": { "no-unneeded-ternary": "error", "multiline-ternary": "off" }}no-unneeded-ternary불필요하게 사용된 삼항연산자를 찾아주는 규칙입니다.// badconst value = condition ? true : false;// goodconst value = Boolean(condition);multiline-ternary삼항연산자를 사용할 때, 가독성을 위해 줄바꿈을 강제하는 규칙입니다.저 같은 경우 가독성에 큰 문제를 느끼지 못 하고 있기 때문에 해당 규칙은 사용하지 않습니다.// bad ..?const value = condit..
공유/기타 2024. 10. 21. 18:47

[eslint] 사용하지 않는 변수 찾기

사용하지 않는 변수와 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.최종 규칙을 보여드리면 아래와 같습니다.하나씩 알아보도록 하겠습니다.{ "rules": { "no-unused-vars": "off", "@typescript-eslint/no-unused-vars": [ "error", { "args": "none", "argsIgnorePattern": "^_", "varsIgnorePattern": "^_", "ignoreRestSiblings": true } ] }}no-unused-varsJavaScript로 작성된 코드의 경우에만 적용이 됩니다.만약 JavaScript 프로젝트만 사용하신다면..
공유/기타 2024. 10. 21. 18:46

[eslint] if 문과 관련된 규칙

if 문과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.최종 규칙을 보여드리면 아래와 같습니다.하나씩 알아보도록 하겠습니다.{ "rules": { "curly": ["error", "all"], "no-constant-condition": "error", "no-lonely-if": "error", "no-negated-condition": "warn", "no-else-return": "warn" }}curlyif문 외에 중괄호를 사용하는 if, else, for, while 등에 적용되는 규칙입니다.강제로 중괄호를 작성하게 함으로써 가독성을 높이고 실수를 방지할 수 있습니다.// badif (condition) statement;// goodif (conditi..
공유/기타 2024. 10. 21. 18:44

[eslint] 불필요한, 의미없는 코드를 찾기

코드를 작성하면 불필요하고 의미없는 코드가 생기는 경우가 있습니다.이때 일일이 찾기가 힘든데 eslint를 이용하여 불필요한 표현식을 찾을 수 있습니다. { "rules": { "no-unused-expressions": "error" }}no-unused-expressions아래 코드는 정상적으로 실행되지 않는 불필요한 코드입니다.접근은 가능하지만 기능이 존재하지 않습니다.위 규칙을 사용하면 아래와 같은 코드를 찾아줍니다. const router = useRouter();router;1 + 2;
공유/기타 2024. 10. 21. 18:41

github action을 이용하여 PR시 효율적으로 tsc, eslint 검사하기

github action을 이용하여 PR시 효율적으로 tsc, eslint 검사하기github action을 이용하여 PR시 merge branch 코드를 검사할 필요가 있습니다.하고 싶은 것PR 시 merge branch의 코드가 정상적인지 검사할 필요가 있음.monorepo 프로젝트이기 때문에 변경된 모든 프로젝트를 검사해야함.기존 해결 방법 및 문제점 [1]커밋 메시지 컨벤션으로 커밋 메시지에 변경된 파일의 프로젝트 명을 작성하게 하였습니다.그럼 해당 커밋에서 어떠한 프로젝트의 파일이 변경되었는지 파악할 수 있습니다.해당 정보를 이용하여 변경된 파일의 프로젝트를 tsc, eslint를 수행하여 문제를 해결하였습니다.그러나 위 방법은 너무 오랜 시간이 소요된다는 문제가 있었습니다.만약 커밋을 3개하는..
공유/Git, Github 2024. 9. 3. 20:10