이전 프로젝트에서 겪었던 문제인 모든 파일에 prettier, eslint 명령어가 실행되는것을 방지하기 위해 lint-stage 라이브러리 도입을 통해 해결함. staging된 파일들만 prettier, eslint 명령어 실행되도록 구성.
PR 생성시 리뷰어 할당, 테스트 결과 확인 등 자동화 할 수 있는 부분들을 메뉴얼하게 진행함에 리소스가 낭비됨을 느낌. Github Actions를 사용해 테스트 결과, 커버리지 리포트, 빌드 결과 등을 코멘트로 생성해 한 눈에 확인할 수 있게 했으며, 리뷰어 할당을 자동화해 리소스 낭비를 최소화함.
디자인 시스템 구현
구현된 디자인 시스템을 디자이너가 확인하기 어려운 문제가 존재했음. Storybook 도입 후 이를 Vercel에 배포한 후 링크를 공유함. 간편하게 디자인시스템을 리뷰할 수 있도록함.
개발에 소요할 수 있는 시간이 2주로 짧았음. 그 안에 디자인 시스템부터 MVP 구현까지 완료해야 했음. 디자인 시스템 개발에 들어가는 리소스를 최소화 하기 위해 ShadCN 이라는 Headless UI 라이브러리를 래핑해서 디자인 시스템을 구현함.