• Next.js
• Typescript

깃 커밋, 푸쉬를 할때 eslint와 prettier를 돌리려고 한다.

이유 : 내가 설정한 prettier 셋팅은 내 컴퓨터에만 설정해 놓은 기능인데, 다른 누군가가 작업을 한다고 했을때 그 사람 컴퓨터에 맞는 설정으로 override되서 우리가 기존에 설정해 놓은 룰을 어기고 코드가 푸쉬된다…

해결책 : 코드 포맷팅을 유지하기

<aside> 😀 깃 커밋하기 전에 eslint와 prettier를 돌리도록 한다. 로컬 이외에 다른 사용자들도 같은 포맷팅을 유지함.

</aside>

• lint-staged

  • git staged 상태의 파일들만 타겟으로 뭔가 할 수 있게 해준다.
  • 내가 변경한 상태의

• husky

  • husky를 쓰는이유는 git hook 동작에 대한 정의를 .git이 아닌 .husky에서 관리하여 모든 repository가 공유가 가능하도록 한다. (다른 사람이 내 레포지토리를 받아도 husky내의 동작을 실행시켜준다.)

  npm i lint-staged husky -D
  

• 동작 원리

  • git commit 올라가기전에 eslint와 prettier가 동작하여 코드 포맷팅을 하고 add ccommit이 이루어진다.