본문 바로가기

eslint2

eslint + husky + lint-staged로 CI 부담 덜어주기 0. TL;DR CI/CD 구축이 완료되었으나, CI단계에서 lint와 test를 모두 진행하는 것이 적절한지 고민 CI단계에서는 많은 코드가 한번에 추가될 것 어긋난 코드를 한번에 수정하는데 많은 리소스가 소모될 우려가 있음 Git hooks를 사용해 pre-commit 단계에서 lint catch를 하기로 결정 husky와 lint-staged를 사용해서 구현 1. Why? Pennyway 프로젝트에서 CI/CD 파이프라인 구축이 완료되었다. 대략적인 로직은 아래와 같다. CI & CD 더 자세한 사항은 repository wiki에서 볼 수 있다. 고민 근데 CI에서 eslint를 catch하는 게 적절한지에 대한 고민이 생겼다. 현재 CI의 로직은 다음과 같다. Main branch로 PR 작성 .. 2024. 4. 18.
Eslint와 Prettier 설정하기(React + Ts 사용) 1. Why?과제 테스트를 React와 TypeScript로 진행하는 중이다. 간만에 Eslint와 Prettier를 설정하다보니 기억도 가물가물한데, 그 김에 Eslint와 Prettier를 어떻게 설정했는지를 설명하고 왜 이렇게 설정했는지에 대해서 적어보고자 한다. 아래의 설정은 React + TypeScript + pnpm 기준이다. 2. Eslint init잠깐!일단 설명하기 전에, 나는 실수로 eslint를 정상적으로 적용시키지않고 과제를 제출했다...eslint를 설치하고 나서 .eslintrc.json 파일도 정상적으로 설정해줬으니 알아서 잘 돌아가겠거니~ 했는데과제 제출 후 글을 작성하는 도중에 혹시나 하고 var를 코드에 입력해봤는데 에러가 출력되지 않았다...뒤늦게 eslint init.. 2023. 12. 31.