생산성2 StyleLint WebStorm에서 저장할 때 적용하기 ✅ 이 글은 다음을 다룬다. StyleLint가 무엇이고 왜 적용하는지 프로젝트에 StyleLint를 적용하는 방법 WebStorm, InteliJ 환경에서 저장 시마다 StyleLint를 적용하는 방법 StyleLint는 무엇이고 적용하면 뭐가 좋을까? StyleLint는 스타일에 컨벤션을 강제하고 에러를 피할 수 있게 도와주는 툴이다. 스타일 관련 코드가 많아질 수록 스타일이 중구난방이 되고 사실은 동작하지 않고 있는 코드들이 생길 수 있다. WeView 팀도 스타일 코드의 컨벤션을 지키고 역할을 하지 않고 있는 코드를 개발하는 시점에 잡아내기 위해 StyleLint를 적용하였다. 그러면 이제 본격적으로 적용해보자! stylelint적용하고 plugin 적용하기 stylelint를 설치하자. npm .. 2022. 12. 21. git hooks 설정으로 팀 효율 높이기 이번 편은 commit이나 push 등의 git 명령어 동작 전에 코드 품질을 점검하고 잘못된 상황을 체크할 수 있는 git hooks를 다룬다. 또 git hooks 사용을 도와주는 husky라는 기술, 관련된 쉘 스크립트 작성법에 대해서 다뤄보려고 한다. WeView 프로젝트를 진행하며 프론트엔드 개발과 팀에게 도움이 되는 환경설정도 겸하고 있다. 현재 커밋 메시지와 코드 정렬 기준 등을 포함한 내용들이 팀 컨벤션과 일치하도록 유지되고 있다. 개발 환경에서 반복되는 일들을 자동화하고 사람이 하나씩 체크해야 하는 일들을 기술로 자동화하는 것은 팀에 도움이 된다. 설정은 한 번이지만 팀의 수가 늘어나도 설정을 바탕으로 높아진 효율은 유지된다. 또 개발환경 설정을 바탕으로 컨벤션을 자동화하고 코드 품질을 .. 2022. 12. 4. 이전 1 다음
