Linting & Testing

Linting

특정 프로그래밍 언어로 소스 코드를 분석하고 구문 오류,

규정 된 코딩 스타일의 편차 또는 안전하지 않은 것으로

알려진 구문을 사용하는 등 잠재적 문제를 표시하는 린터 프로그램에 의한 프로세스

 

Code Quality

• Our code does what it is supposed to do

• Our code not contain defacts of problems

• Our code is easy to read, maintain and extend

1. 작성한 코드가 의도된데로 작동하는지 테스트

2. 우리가 작성한 코드가 결함이나 문제가 없는지 테스트

3. 우리가 작성한 코드는 읽기 쉽고 유용한가?

테스팅 방법

• End to End Test

• Integration Test

• Unit Test

Jest 테스팅 툴 설치

Jest · 🃏 Delightful JavaScript Testing

Install Jest

npm install --save-dev jest

파일 테스트 실행 (test.js)

npm run test(디렉토리 명)

// package.json 설정 셋팅
"scripts": {
    "test": "jest",
 },

Linter

• 지정한 코드 스타일을 지키는지 안 지키는지 안내해줌

• 규칙을 정하고 일관된 코드 스타일을 유지 할 수 있음

• 내가 작성한 코드가 아닐지라도 코드 파악이 유용

• 코드 내에 오류를 쉽게 찾을 수 있음

 

Eslint 테스팅 툴 설치

ESLint - Pluggable JavaScript linter

Install Eslint

npm install eslint --save-dev

파일 설정

npx eslint --init

How would you like to use ESLint?	To check syntax and find problems
What type of modules does your project use?	CommonJS
Which framework does your project use?	None of these
Does your project use TypeScript?	No
Where does your code run?	Node
What format do you want your config file to be in?	무엇을 선택해도 상관없습니다.

                                                  자료출처 : 코드스테이츠(임의 설정해도 무관)

파일 테스트 실행

npm run lint

// 파일 테스트는 jest와 동일