🎀 프로젝트/자리어때

Chromatic으로 Storybook 지속적 배포하기 (Github Actions)

TL;DR 1. 스토리북을 도입하게 된 계기 2. chromatic으로 스토리북 배포하기 3. Github Actions를 이용해 Pull Reqeust에서 바로 컴포넌트 확인하기 스토리북을 도입하게 된 계기 협업을 진행하면서 여러 사람이 컴포넌트를 개발하게 되었습니다. 아래와 같은 컴포넌트 코드들이 PR로 올라오기 시작했습니다. PR을 열심히 작성하더라도 위 코드를 보고 쉽게 머리에 컴포넌트를 떠올리기는 어렵습니다. 게다가, PR을 열심히 작성한다는 것은 개발자가 매번 꼼꼼히 작성해야하고 PR을 읽는 개발자는 또 신경써서 읽어야합니다. 불필요하게 높은 소통 비용이 발생하고 있었습니다. 그리고 매번 pull을 받아서 개발 서버를 실행하고 어떤 UI인지 확인하고 제대로 작동하는지 손수 테스트를 진행해야했습..