인프런 커뮤니티 질문&답변

leeyunje96님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

12-린터와 포멧터

husky 설치 과정중 질문 있습니다!

해결된 질문

24.06.18 17:01 작성

·

188

0

yarn add --dev husky과 npx husky install 하니

.husky 폴더가 생겼는데 강의와는 다른 폴더들이 많이 있구요 이후에

npx husky add .husky/pre-commit "yarn lint"

실행하니 add 명령어를 권장하지 않는다고 뜹니다

이 경우에 어떻게 해야할까요??

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

2024. 06. 23. 23:04

안녕하세요! leeyunje96님!

husky라는 녀석을 설치하시고 나면, 아래와 같은 폴더를 보실 수 있답니다!
(구체적인 폴더와 파일은 차이가 있을 수 있어요!)
image

여기서 pre-commit 이라는 파일은 아래와 같은 의미를 가지고 있답니다!
"앞으로 git에 저장하기 위해 commit 할때마다, 사전(영어로 pre)에 이 명령어들 실행해서 성공하면 commit 해줄거야!"

 

 

따라서, commit하기 전에 실행하고 싶은 명령어가 있으면 pre-commit 안에 넣어주시면 돼요!^^
(물론! commit 하기 전에 매번 직접 터미널에 입력해도 되지만, 그러면 너무 귀찮겠죠?!)

image

 

 

수업에서는 아직 test를 배우지 않았으므로, lint 정도만 추가해서 사용했답니다!^^

image

0

인프런 AI 인턴님의 프로필 이미지

2024. 06. 20. 17:06

안녕하세요, 인프런 AI 인턴입니다.

leeyunje96님, Husky를 이용한 Git 훅 설정 과정에서 발생한 문제를 해결하기 위하여는 먼저 Husky의 버전을 확인해야 합니다. npx husky add 명령어가 권장되지 않는다는 메시지가 나타났을 때, 보통은 Husky의 최신 버전에서는 다른 방식으로 Git 훅을 설정하는 것을 권장하기 때문입니다.

Husky의 최신 버전(5 이상)에서는 .husky 폴더 내에 훅을 설정하는 방법이 변경되었습니다. 명령어는 다음과 같습니다:

  1. 터미널에서 Husky를 초기화합니다.

    npx husky install
    
  2. .husky 폴더가 프로젝트 루트에 생성됩니다. 이후, 특정 Git 훅에 대해 스크립트를 추가하려면, npx husky add 명령어 대신에 다음과 같이 실행합니다.

    npx husky add .husky/pre-commit "yarn lint"
    

이 과정 후에는 pre-commit 파일 내에 "yarn lint" 명령어가 정상적으로 추가되어야 합니다. 만약 이전 버전의 Husky를 사용하고 계셨다면, 최신 버전으로 업그레이드 후 위 과정을 따라 해 보시길 권장드립니다.

관련 문서나 가이드가 필요하다면, Husky의 공식 GitHub 저장소나 문서를 참조하는 것이 좋습니다. Husky 버전에 따라 설정 방법이 조금씩 다를 수 있으니, 사용하고 계신 버전의 문서를 확인해 보세요.

이 과정을 통해 문제가 해결되기를 바랍니다. 추가적인 질문이 있으시다면 언제든지 질문해 주세요.