[Testing]

JEST설치 및 사용방법

1. 공식문서를 보고 jest설치

2. 코드를 작성할 js파일 생성

3. js파일을 test할 test.js파일 생성

4. 공식문서에서 예시를 보고 test코드 생성

test("테스트 설명", () => {
  expect("검증 대상").toXxx("기대 결과")
})

5. test를 묶는 describe()를 생성

6. 자주 사용되는 Matcher : toEqual(),toBeTruthy(), toBeFalsy() 등

jestMatcher

jest공식문서

[Linting]

ESLint설치 및 사용방법

1. 공식문서를 보고 ESlint설치

2. ESLint 설정 파일을 열어, 추천 설정 eslint:recommended 이 적용되었는지 반드시 확인

3. npm run lint

eslint공식문서

[husky]

프론트엔드 개발 환경에서 git hook을 손쉽게 제어하도록 도와주는 매니저

husky참고블로그

[lint-staged]

커밋전에 파일의 코드스타일을 확인을 도와주는 매니저

lint-staged참고블로그

[underscore]

Array나 Object의 데이터를 쉽게 다루기 위한 API를 제공하는 라이브러리

lodash도 같이 비교하면서 알아보기

underscore문법참고블로그

출처: https://10apps.tistory.com/136 [10 Apps - iPhone 실전 프로젝트 따라하기]