Code Quality

Google Chrome에서 제공하는 Lighthouse 기능을 로컬 또는 CI 환경에서 실행하는 방법에 대해서 알아보고, CI 환경에서 Lighthouse를 사용하여 웹 페이지의 성능을 자동으로 측정하도록 만드는 방법에 대해서 알아봅시다.

GitLab에 Dependabot을 추가하여 프로젝트에서 사용하는 라이브러리 버전 업데이트를 자동화하는 방법에 대해서 설명합니다.

ESLint의 eslint-plugin-import을 사용하여 import 부분을 정리하는 방법에 대해서 알아봅시다.

Lefthook을 사용하여 Git의 commit을 실행할 때, 테스트나 Linter를 실행하도록 설정해 봅시다.

CSpell을 사용하여 오탈자를 검사하는 방법에 대해서 알아봅시다.

Stylelint를 사용하여 CSS, SCSS 파일의 코드 스타일과 CSS-in-JS의 코드 스타일을 검사해 봅시다.

remark-lint를 사용하여 마크다운(Markdown) 파일의 작성 스타일을 검사해 봅시다.