백엔드 개발이 늦어져도 걱정 마세요! 🛠️

프론트엔드 개발을 할 때 가장 흔한 문제 중 하나는 백엔드 API가 완성되기 전에 프론트엔드 개발이 멈추는 것입니다. 하지만 MSW(Mock Service Worker)를 사용하면 기다릴 필요가 없습니다.


MSW는 네트워크 요청을 가로채서, 실제 API가 준비되지 않았더라도 모킹(mocking)된 응답을 통해 프론트엔드 개발을 계속 진행할 수 있도록 도와줍니다. 즉, 백엔드의 개발 진척도와는 독립적으로 프론트엔드를 개발하고 테스트할 수 있죠.


하지만 MSW를 쓰다 보면 점점 늘어나는 핸들러 설정 관리가 번거로워지기 마련입니다. 그래서 저는 이를 더 쉽고 효율적으로 해결하기 위해 msw-devtools를 개발하고 있습니다.


msw-devtools는 UI를 통해 MSW Request Handler를 쉽게 추가하고 수정할 수 있을 뿐만 아니라, export와 import 기능을 제공하여 핸들러 설정을 손쉽게 저장하고, 팀원이나 다른 프로젝트와 공유할 수 있게 합니다. 특히 프로젝트가 커질수록 핸들러 관리가 복잡했던 분들에게 도움이 될 거예요.


msw-devtools는 아직 experimental한 프로젝트로, 여러분의 피드백이 필요합니다. 사용해 보시고 개선할 점이나 아이디어가 있다면 언제든지 알려주세요. 🙏


https://github.com/custardcream98/msw-devtools

GitHub - custardcream98/msw-devtools: Framework Agnostic Devtools UI for Managing MSW Request Handlers

GitHub

GitHub - custardcream98/msw-devtools: Framework Agnostic Devtools UI for Managing MSW Request Handlers

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 10월 4일 오후 3:49

댓글 0

    함께 읽은 게시물

    ML Engineer가 되기 위해 내가 1년 반 동안 했던 것들

    커리어리 질문글에도 보면 일주일에 한번씩은 “ML Engineer, Data Scientist가 되고 싶은데 어떤 것부터 공부를 해야할지 모르겠다.” 는 질문이 자주 올라옵니다. 비슷한 질문이 계속 올라오는 이유는 정해진 답이 없기 때문이라고 생각합니다. 너무나도 다양한 방식으로 ML Engineer가 될 수 있기 때문에 처음 입문을 하시는 분들은 오히려 어떤 방향으로 나아갈지 몰라 갈팡질팡 하시는 것이죠.

    ... 더 보기

     • 

    댓글 7 • 저장 113 • 조회 3,895



    야근의 관성

    제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.

    ... 더 보기

     • 

    저장 14 • 조회 3,161


    실서비스에 반영할 기능을 가끔 바이브 코딩만으로 개발 해 보는데, 두어달 전만해도 어려웠던 구현이 이제 벌써 가능해졌다.

    ... 더 보기

    📰 개발자로서 읽어야 할 책 8권 ✍️ dev.to에 올라온 개발자 도서 추천글을 번역해보았습니다. 추천된 8권 중 7권이 한글 번역이 되어있으니, 한 권씩 차근 차근 읽어나가보면 좋을것 같아요! 특정 프로그래밍 기술 혹은 언어에 대한 것이 아닌 큰 맥락으로서의 개발 서적들이니 도메인과 분야를 막론하고 한번 도전해보시길 추천합니다. :) 저는 목록 중에 '코드 컴플리트' 한번 도서관에서 빌려서 앞에 조금 펼쳐보다가 그대로 반납한 기억이 있네요 ^^.. 궁금하시다면! 실물 한번 찾아보시면 바로 끄덕끄덕 하실꺼에요 ㅎㅎ --- # 실용주의 프로그래머 - http://www.yes24.com/product/goods/107077663 - 프로그래밍 언어가 아닌 논리 관점에서의 언어 지혜를 다루고 있습니다. 코드 작성, 우수한 팀 구성, 관리, 도구 등 더 나은 프로그래밍을 하기 위한 여러 방법에 대한 이야기를 하고 있습니다. - https://pragprog.com/tips/ # 리팩토링 - http://www.yes24.com/Product/Goods/89649360 - 왜 그리고 언제 리팩토링을 해야할까요? 클래스나 메서드는 어떻... 더 보기

    Books to Read as a Developer

    DEV Community

    Books to Read as a Developer

     • 

    댓글 4 • 저장 432 • 조회 9,595


    기여도

    

    ... 더 보기