# Husky

67개의 포스트
post-thumbnail

vite로 리액트 프로젝트 초기 세팅하기 #1 (with. typescript, eslint, prettier, husky, 절대경로)

프로젝트를 여러 명이서 진행하거나 가독성 좋은 코드를 위해 코딩 컨벤션을 지켜야한다.해당 포스팅에서는 vite로 react 프로젝트를 만들어서 다음과 같은 초기 세팅을 진행할 예정이다.eslintprettier절대 경로huskyvite 프로젝트를 생성한다.

2023년 5월 24일
·
0개의 댓글
·
post-thumbnail

Node.js + TypeScript 에서 ESLint로 컨벤션 지키며 코딩하기 (feat. prettier)

eslintJavaScript 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다.대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다.그러나, 인터프리터 언어인 JavaScript는 Linter가 존재하지 않

2023년 5월 20일
·
0개의 댓글
·
post-thumbnail

Week 1-1. 내가 보려고 쓰는 환경 설정 2

서론 프리온보딩 팀과제를 하면서 주로 했던 세팅에 대한 정리입니다. 2에서는 git hook을 사용하여 작업자가 팀 안에서 규정한 rule을 지킬 수 있도록 강제성을 부여합니다.

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

리액트 프로젝트를 시작하기 전 알아두면 좋은 ESLint & Prettier & Husky 적용

리액트 프로젝트를 시작하는 당신을 위한 eslint, prettier, husky 설정.

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

eslint,prettier,husky를 통해 코드 분석을 자동화 해보자 !

안녕하세요 오늘은 코드분석을 자동으로 해주는 prettier , eslint , husky에 대해서 알아보겠습니다 ! 지금까지 Prettier와 Eslint는 단순히 코드일관성을 유지해주는 코드 분석 툴이라고만 알고있었고 익스텐션만 깔아놓고 관심을 가지지않았는데 협업

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

Husky & lint-staged 설정하기

이전에 @typescript-eslint와 prettier를 설정한 적이 있습니다.prettier는 코드 포맷팅을 하기 위한 라이브러리이기 때문에 크게 설정할 내용이 없었는데요.eslint의 경우에는 문제가 있었습니다.저는 기존에 CRA을 이용해서 프로젝트를 생성했었습

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

Husky는 뭘까? 정의와 사용방법

FE 협업시 유용한 Husky🐺에 대해 알아보자

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

Vite, react, husky, lint-staged 초기환경설정 해보기

yarn create vite ./ --template react-ts yarn add react-router-dom yarn add eslint -D yarn add prettier -D yarn create @eslint/config config 설정을 해준다 (원

2023년 4월 2일
·
0개의 댓글
·
post-thumbnail

[TIL 0328] 코드규칙 정하기

✅ 코드린터 / 코드 포멧터 > -> 협업 시 우리끼리의 규칙을 정하는 것 그것을 도와주는 것이 eslint, prettier [eslint 설치방법] eslint 설치하기 (package.json이 있는 경로에서 입력) 질문창 뜨면 선택하기 VS code ex

2023년 4월 1일
·
0개의 댓글
·

Git Hooks 정리

Convention, Git Hooks, Husky

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

commit convention을 위한 husky 설정

1. 의존성 모듈 추가 > npm i husky @commitlint/cli @commitlint/config-conventional --save -dev > yarn add husky @commitlint/cli @commitlint/config-conventional --dev 2. .husky 폴더 생성(root) root 폴더에 생성 해당 폴더 내...

2023년 3월 11일
·
0개의 댓글
·

git hook, husky

여러 사람이 참여하는 프로젝트에서 코딩 컨벤션을 만들고 하나의 일관된 코딩 스타일에 따라서 코드가 작성되는 것은 중요하다고 생각. 여러 명의 개발자가 각자 본인의 스타일에 맞춰서 코딩을 한다면 소스는 한눈에 알아보기 힘들 것. 개발자가 일일이 신경을 써서 하기에는 리소

2023년 3월 7일
·
0개의 댓글
·

husky 관련 에러

에러 ` 힌트: '.husky/pre-commit' 후크가 실행 가능하도록 설정되지 않아서, 무시됩니다 ` 원인 결국 .husky 폴더 안의 파일들을 실행 시켜야하는데 권한이 없기 때문에 실행하지 못하는 것이다. 해결방법 깃 파일 모드 추적 끄기 해당 파일에 실행

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

prettier, eslint 자동 적용 ( feat.husky)

당신의 코드 오와열 맞아?

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

프로젝트 초기 설정해보기 (Next.js + Typescript + RTK)

프로젝트 환경설정이라는 것에 막연한 불안감을 가지고 있었다. 개발공부를 한 지 이제는 꽤 되었다고 생각했는데도 나는 아직 아무것도 모르는 말하는 감자같다는 생각이 문득문득 들어서 마음이 불편했습니다. 그래서 시간을 들여서 한 번 환경설정을 진행해 보았습니다.리액트 서버

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

[개발자로 협업하기] husky 로 git hook 적용하기

이전 글에서 작성한 prettier 와 ESLint 설정을 세팅하고 팀별로 개발 정책을 아무리 열심히 논의해도 실수로 팀원 한명이라도 그것을 적용하지 않는다면? 또 다시 왜 팀 규칙을 지키지 않았는지에 대한 코드리뷰를 해야하는 일이 생긴다. 따라서 열심히 정한 정책들

2022년 12월 29일
·
0개의 댓글
·
post-thumbnail

[CI/CD] Husky, GitHub Actions 로 팀 프로젝트 코드를 지속적으로 통합/배포하기 (ESLint, Prettier, Jest, gh-pages)

리액트 팀 프로젝트의 린팅, 코드 포맷팅, 테스팅과 자동화에 대해 다룹니다.

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

Git Hook은 무엇이고, Husky는 왜 쓰는걸까?

Git Hook 이라는 것도 처음 들어보는데, Husky는 왜 또 쓰는 걸까?

2022년 12월 24일
·
0개의 댓글
·
post-thumbnail

git hooks 를 husky 로 제어하기 (eslint, pre-commit)

팀원과 컨벤션 정의 및 lint 규칙을 정하는 상황이 있습니다. 그런데 작업을 하다 보면 서로 코드 컨벤션에 소홀해지는 경우가 있습니다. 이런 상황일 때, 사용하면 좋은 도구가 husky 입니다.

2022년 12월 6일
·
0개의 댓글
·

pre-commit : lint-staged & husky 적용

prettier가 달라서 불필요하게 커밋 히스토리가 쌓이는 문제 해결 eslint를 지키면서 코드 통일하는 부분을 유지 -> 커밋 전에 위 두 규칙을 지킬 수 있도록 eslint 체크, prettier 적용기능을 자동화하기 위해서 lint-staged와 husky

2022년 12월 6일
·
0개의 댓글
·