코드캠프 부트캠프 12일차-2

husky

우리가 소스코드를 git에 commit 하기 전에, 기존의 정해놓은 규칙(typescript, eslint, prettier 등..)을 지키면서 코딩을 했는지 검증해주는 도구이다.
규칙에 어긋나는 코드가 있다면 commit을 강제로 거절해줌으로 실무적으로 더 안정적인 협업을 할 수 있게 된다.
현재 husky 7.0.4 버전이 나왔지만 4버전을 사용하였다.

yarn add -D husky@4
yarn add --dev lint-staged

pakage.json 파일에 husky와 lin-staged 내용을 작성해준다. 나는 타입스크립트 파일만 적용하고자 다음과 같이 설정하였다.

{
...
...
"devDependencies" : {
...
...
},
"husky": {
"hooks": {
"pre-commit" : "lint-staged"
}
},
"lint-staged": {
"/*.{ts,tsx}" : [
"npx eslint ."
// 또는
"npx eslint '/*.{ts, tsx}'"
]
}
}

이렇게 설정을 하고나면 eslint 규칙에 어긋나는 코드가 있는 파일이 있으면 commit이 실행되지 않는다.