🫢 husky와 eslint 적용

👲 husky 사용이유

최근 사람이 들어오면서, eslint 같은 것이 잘 지켜지지 않고있었다. 이 부분에 대해서는 좀 부끄럽긴했다. 그러면서 새로 오신 분이 지난번 회사에서는 husky라는 것을 이용했다고 했다. 알아보니 유용한 도구였다.

👩‍🌾  husky란?

git 이벤트가 일어나기 전/후로 eslint같은 것을 할 수 있도록 도와주는 라이브러리다.

 

🧑‍🍳  설치

아래 명령어를 통해 설치가 가능하다.

npx husky-init -y && npm install

 

🧑‍🌾   pre-commit

커밋을 하기전에 특정 동작을 일으킬수 있다. 현재 사이드프로젝트에서는 , main branch에 커밋을 하면, lint를 동작하도록 하였다.

 

#!/usr/bin/env sh
branch=$(git symbolic-ref --short HEAD)
echo "branch name :  ${branch}"
if [ "main" == "$branch" ]; then
    . "$(dirname -- "$0")/_/husky.sh"
    echo "branch name :  ${branch}"
    npm run lint --fix
fi

 

👨‍🎓 pre-push

작업을 하다보니, 만약 merge를 하게 되고, 정상적으로 병합된다면, commit을 안 할텐데,,, 그럴때는 pre-push 에도 동작을 걸어주는게 낫다고 판단하여 추가하였다. 로직은 pre-commit과 같다

#!/usr/bin/env sh
branch=$(git symbolic-ref --short HEAD)
echo "branch name :  ${branch}"
if [ "main" == "$branch" ]; then
    . "$(dirname -- "$0")/_/husky.sh"
    echo "branch name :  ${branch}"
    npm run lint --fix
fi