목표

코드에서 검사하는 항목을 크게 분류하면 두가지 입니다.

• 포맷팅
• 코드 품질

포맷팅은 일관된 코드 스타일을 유지하도록 하고 개발자로 하여금 쉽게 읽히는 코드를 만들어 준다. 이를 테면 “들여쓰기 규칙”, “코드 라인의 최대 너비 규칙”을 따르는 코드가 가독성이 더 좋다.

코드 품질은 어플리케이션의 잠재적인 오류나 버그를 예방하기 위함이다. 사용하지 않는 변수 쓰지 않기, 글로벌 스코프 함부로 다루지 않기 등이 오류 발생 확률을 줄여 준다.

---

사전 설정

• .editorconfig 설정
• highlight level 설정 : Hints ( ReSpeller, ReSharper )

• Actions on save

---

ESLint

시작하기 전에

1. Node.js 를 다운로드하고 설치 합니다.
2. 프로젝트에 로컬 Node.js 인터프리터가 구성되어 있는지 확인합니다. 설정/기본 설정 대화 상자( Ctrl+Alt+S)를 열고 언어 및 프레임워크 | Node.js . 노드 인터프리터 필드 에는 기본 프로젝트 Node.js 인터프리터가 표시됩니다.로컬 Node.js 인터프리터 구성 에서 자세히 알아보세요 .

ESLint 설치

1. 포함된 터미널 ( Ctrl+Alt+1)에서 다음 명령 중 하나를 입력합니다.
   • npm install --g eslint글로벌 설치용.
   • npm install --save-dev eslintESLint를 개발 종속성으로 설치합니다.
2. 선택적으로 추가 플러그인(예: eslint-plugin-react )을 설치 하여 React 애플리케이션을 린트합니다.

---

SonarLint

코드 정적 분석 툴로 해당 코드의 문제점 과 해결 방항은 제시해주는 툴

설치

플러그인 설치, 저장후 재시작

** 분석에 필요한 C# 엔진 ominisharp이 필요

Sonar에는 오류에 대한 자동 수정 기능이 없습니다. 이 오류는 순전히 무엇이 잘못되었는지 알려 주기 때문에 신경쓰이게 할 수 있지만 수정에는 도움이 되지 않습니다. 하지만 빠릅니다. 안좋은 이유를 설명 하기 때문에 학습에 도움이 됩니다.

---

리샤퍼

Resharper는 코드 린트를 위한 무료 명령줄 도구

---

tabnine

내가 작성할 만한 코드를 미리 제안해 주는 플러그인 .

---