Codestates immersive course

---

Linting & Testing

코드의 질을 판단할 때 크게 3가지 요인으로 확인할 수 있다.

1. 우리의 의도에 맞게 코드가 동작을 하는가?
2. 작성한 코드에 문제, 결함이 없는가?
3. 작성한 코드가 읽기 쉽고 유지보수에 용이한가?

코드의 질을 향상시키기 위해서는 Linting과 Testing을 이용할 수 있다.

Testing

Testing이란 코드의 동작 및 결함을 확인하는 단계이다. 방법에는 크게 3가지가 있다.

1. End to end test
2. Integration test
3. Unit test

앞서 Unit test는 TDD를 정리하면서 알아봤으니 나머지에 2가지 방법에 대해 간단히 알아보자.
TDD 정리 글

---

End to end test(E2E test)

종단(Endpoint)간 테스트로 사용자의 입장에서 테스트 하는 것. web,app에서 GUI를 통해서 시나리오, 기능 테스트 등을 수행한다. 사용자에게 직접 노출되는 부분을 점검한다고 생각하면 된다.

Integration test(통합 test)

유닛 테스트가 끝난 모듈을 통합하는 과정에서 발생할 수 있는 오류를 찾는 테스트이다. 모듈 간의 상호작용이 정상적으로 수행되는가 테스트 한다.

---

이번 스프린트에서는 Unit test를 이용해서 testing을 진행한다.
jest tool을 사용할 것이며 jest 사용 방법을 간단하게 정리해보자.
jestjs.io

install

npm i jest -D

unit.js

function 함수명(a, b) {
  return a + b;
}
module.exports = 함수명;

unit.test.js

const 유닛 = require('./unit.js');

test('adds 1 + 2 to equal 3', () => {
  expect(유닛(1, 2)).toBe(3);
});

package.json

{
  "scripts": {
    "test": "jest"
  }
}

test

npm run test

---

Linting

지정한 코드 스타일을 지키는지 체크해주는 도구이다. 프로젝트 내에서 일관성 있는 코드 스타일을 유지하게 도와준다.

코드 파악 용이, 오류 발견이 쉬워지는 장점이 있다.

사용방법은

1. IDE extension
2. git hooks
3. 테스트를 통한 lint

스프린트 내에서는 ESLint를 사용한다. ESLint

npm i eslint -D
npx eslint --init  (.eslintrc.{js,yml,json} 생성)

.eslintrc.json 에서 규칙 추가

{
  "extends": "eslint:recommended",
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

Lesson Pre Course Review

이번 레슨에는 pre 코스에서 다뤘던 내용 중에 this 바인딩에 대한 내용이 다뤄졌다.
this가 상황에 따라 어떻게 바인딩 되는지 바로 바로 답이 나오지 않았고 복습이 다시 필요하다고 생각해져서 정리를 해봤다.

자바스크립트 컨텍스트 바인딩 (this)