Storybook의 MSW mock 구조 개선
스토리 · 카카오스타일 테크 · 2023.07.17
카카오스타일의 파트너센터 서비스에서 Storybook과 MSW를 사용할 때 발생하는 코드 중복 및 관리 문제를 해결한 사례를 소개합니다. 기존에는 각 스토리마다 MSW mock을 개별적으로 정의하여 유지보수가 어려웠으나, 이를 중앙화된 구조로 개선했습니다. 특히 AST(Abstract Syntax Tree)와 recast 라이브러리를 활용해 1,000개가 넘는 기존 mock을 자동으로 변환하는 마이그레이션 스크립트를 작성하여 효율적으로 작업을 완료한 과정과 그 결과에 대해 자세히 다루고 있습니다.