post-thumbnail

Vue에 MSW 적용하는 방법

MSW 도입하게 된 계기 프로젝트를 진행할 때 짧은 일정이 주어지게 되면서 백엔드에서 API가 완성되기만을 마냥 기다릴 수는 없게 되었다. 이유는, 프론트 엔드 개발은 거의 프로젝트에서 마지막 단계이기 때문에 주어진 일정 안에서 굉장히 짧은 기간에 완성 해야 할 수 있고 백엔드에 종속적일 수 밖에 없어 수정사항이 생기면 그 일정 또한 무시하기 어렵다. 그래서, mock으로 더미 데이터를 만들고 미리 개발을 시작하면 되지 않을까? 하고 찾아봤더니 msw 라는 라이브러리를 알게 되었다. 바로 적용해보자 ~! MSW 란? 라이브러리를 도입하기 전에 먼저 해당 개념부터 살펴보자 MSW는 Mock Service Worker로 서비스 워커를 이용하여 API를 모킹하는 라이브러리이다. 실제 API와 똑같은 명세서로 MOCK을 작성하여 HTTP통신이 이뤄질 때 그 네트워크를 낚아채는(?) 개념으로 이해하였다. 일단 장점으로는 똑같은 명세서로 작성하기 때문에

2022년 11월 21일
·
0개의 댓글
·