프로젝트명 : HQ Rutine 개발 페이지 : 배너 리스트 페이지 / 배너 상세 페이지 / 배너 글 작성 페이지 / 로그인 페이지

프로젝트를 진행하면서 적용했던 기술들을 작성해보려한다.

프로젝트 진행을 하면서 컨벤션에 대한 규칙을 제대로 정하지 않고 진행했다. 이는 일관성이 없기에 프로젝트 관리 측면, 이해도 면에서 안 좋은 점을 느꼈다. 규칙을 정해도 강제성이 없기에 제대로 진행되지 않았다. 따라서 husky, eslint, prettier를 도입햇다.

Husky

<aside> ❗ Husky는 Git 훅 관리 도구로, 개발자가 Git 커밋이나 푸시와 같은 작업을 수행하기 전에 자동으로 실행되는 스크립트를 설정 가능

</aside>

• 사용하는 이유

  • 코드 품질 유지: Husky는 코드 커밋 또는 푸시 이전에 사전 정의된 작업을 실행 가능하다. 예를 들어, 코드 스타일 검사, 유닛 테스트 실행, 린트 검사 등을 자동으로 수행하여 코드 품질을 유지하고 버그를 사전에 발견할 수 있다.
  • 작업 자동화: Husky를 사용하면 반복적이고 자동화 가능한 작업을 자동으로 실행할 수 있습니다. 개발자는 Git 작업과 관련된 스크립트를 설정하여 작업 흐름을 자동화하고 개발 생산성을 향상
  • 팀 협업 및 일관성: Husky는 프로젝트 전반에 걸쳐 일관된 작업 흐름을 유지하고 팀원 간에 일관성을 확보하는 데 도움이 됩니다. 모든 팀원이 동일한 작업을 실행하고 일관된 개발 환경을 유지
  • 프로젝트 관리: Husky를 사용하여 Git 훅을 설정하면 프로젝트의 일관성을 유지하고 커밋 또는 푸시 작업에 특정 요구사항을 적용할 수 있습니다. 예를 들어, 팀의 코드 리뷰 정책을 강제하거나, 커밋 메시지의 형식을 지정할 수 있다.

• 선택한 이유

  • 팀원과 협업할 때, 프로젝트의 일정한 코드 관리를 자동으로 작업화 하기 위해 사용

요약

<aside> ❗ Husky는 Git 훅 관리 도구로, 코드 품질 유지, 작업 자동화, 팀 협업 및 일관성, 그리고 프로젝트 관리 등 다양한 목적으로 사용

</aside>

참고자료

Husky - Git hooks

Prettier

<aside> ❗ Prettier는 코드 포맷팅 도구로, 일관된 코드 스타일을 유지하고 가독성을 높이는 데 사용됩니다. 주요 이유 중 하나는 협업 환경에서 여러 개발자가 동일한 코드베이스를 작업할 때 코드의 일관성을 유지하기 위함입니다. Prettier는 미리 정의된 규칙에 따라 코드를 자동으로 포맷팅하여 스타일 가이드에 맞춰 줍니다.

</aside>

• 사용하는 이유
  • Prettier는 코드 포맷팅 도구로, 일관된 코드 스타일을 유지하고 가독성을 높이는 데 사용
  • 주요 이유 중 하나는 협업 환경에서 여러 개발자가 동일한 코드베이스를 작업할 때 코드의 일관성을 유지하기 위함
  • Prettier는 미리 정의된 규칙에 따라 코드를 자동으로 포맷팅하여 스타일 가이드에 맞춤
  • 또한, Prettier는 불필요한 디테일에 시간을 쓰지 않고 개발자가 코드 로직에 집중할 수 있게 도와줌
  • 코드 포맷팅 작업을 수동으로 수행할 필요가 없으므로 개발 생산성을 향상