Package.json 업데이트, eslint & prettier 설정 후 husky 적용

[WonhyeongLee]

작업내용

11 이슈에 대한 작업 수행

• package.json에서 일부 패키지 devDependencies로 옮기고 ncu를 사용해 패키지들 업데이트
• eslint: eslint:recommended에 일부 규칙 추가해서 적용https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/7438919a6caa76992fcc3ffd14eb6459c06fef52
• husky를 사용해 lint-staged를 이용해 commit 전에 스테이징 항목에 대해 검사하도록 설정 https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/264157430ccd3b87642e69597fa1d4fb67b35308
• 일관성있는 커밋 컨벤션을 적용하기 위해 gitmessage.txt 파일 생성 후 등록 https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/f2e4a35452a39a96e0b62959e72d51a92a803ebf
• 적용된 eslint 규칙에 맞게 이전 코드를 수정했습니다. https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/32885e3a43859c69e06d5a2765fca1380bc91ab5

  작업 중 고민, 해결한 부분

패키지관련https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/1e99bb2b1d4debc39225e373b4ce28f11374968e

@fontsource 업데이트 시 @fontsource/montserrat/variable.css 가 존재하지 않는 현상이 일어나서 @fontsource/montserrat 폴더에서 필요한 폰트 css를 추가로 import 해서 해결했습니다.

eslint 관련

• Gatsby 전역 변수 __PATH_PREFIX__ 를 eslint에서 인식하지 못해서 eslint에 globals를 추가해서 해결했습니다. https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/1225a12db39df59ae1898947d31d97d5bc296edc

• prettier/prettier 가 rules 안에 위치해야 하는데 맨 아래에 적어서 에러 났던 부분 해결했습니다. https://github.com/WonhyeongLee/Wonhyeong.develop.log/commit/51551758c77da82122eef465a211e39deff11d02

• semi규칙을 고민했는데 ASI 기능과 StandardJS 가이드를 보고 처음에 false로 했다가 airbnb와 google 규칙을 살펴본 결과 모두 true로 사용하고 있어서 true로 설정하고 prettier도 true로 변경했습니다.