핵심 요약
올리브영은 MSW 도입으로 브라우저 네트워크를 시뮬레이션하고, 프론트엔드 프록시 및 프리픽스 이슈를 해결해 개발 편의성과 테스트 신뢰성을 높였습니다.
주요 경험
- mocks 폴더로 브라우저/노드 설정 분리 및 initMSW 도입으로 관심사를 나눴다.
- 개발 모드에서만 MSW를 활성화하도록 환경 체크를 추가해 배포에 영향 없이 운영했다.
- API 경로 기반 핸들러 구성과 공통 핸들러 분리로 관리성과 확장성을 개선했다.
얻은 인사이트
- 프록시/프리픽스 이슈 해결이 개발 생산성에 직접적인 긍정 영향을 주었다.
- 환경별 Mock 주소를 동적으로 처리하는 패턴이 유지보수에 유리하다.
- MSW 도입으로 중복 코드와 구성 복잡성을 크게 줄일 수 있음을 확인했다.
