프론트엔드
Storybook의 MSW mock 구조 개선
두줄요약
Storybook 스토리별로 흩어진 MSW GraphQL mock을 한곳으로 모아 관리하는 구조를 제안했습니다. recast 변환 스크립트로 중복과 누락 문제를 줄이는 마이그레이션 과정도 다뤘습니다.
문제 상황
- Storybook 각 스토리마다 MSW GraphQL mock을 개별 정의
- mock 코드 중복과 누락으로 인한 오류 빈발
해결 방법
- 스토리별 mock을 한 군데로 모아 관리하는 구조 제안
- recast 기반 변환 스크립트로 기존 정의를 마이그레이션