한우의 개발일기

MSW 서버도 함께 빌드하기현재 프로젝트는 벡엔드 서버가 아직 배포가 되지않아서 명세서에 맞게 msw를 이용하여 mock 서버를 통해서 작업을 하고있다.이때 도커에 빌드시 msw 서버를 같이 빌드해서 추후 벡엔드 서버가 나오면 msw 서버 부분만 지우고 사용하고자 했다MSW 서버와 같이 빌드를 하게 된 이유처음에는 docker로 빌드하고 yarn mock 을 통해 로컬에서 mock 서버를 열어주고 빌드된 프로젝트를 확인하는 작업을 하려했으나 도커와 mock 서버간에 충돌과 서버사이드렌더링 관련한 오류로 인하여 같이 배포를 하려고 하였다.빌드방법방법은 여러가지가 있었다. Docker.mock 이란 msw서버전용 파일을 새로 만들어도 되고 하나의 Dockerfile에서 같이 빌드를 시켜도 된다.나는 하나의 ..

MSW 관련 정리MSW란??API Mocking 라이브러리이다.Service Worker를 통해 HTTP 요청을 가로채기 때문에 네트워크 수준에서 Mocking이 가능하다.MSW(Mock Service Worker)는 개발 과정에서 두 가지 주요 환경을 모킹할 수 있도록 설계되었습니다Worker: 브라우저 환경에서 네트워크 요청을 모킹합니다. 일반적으로 React 애플리케이션 개발에서 사용됩니다.Server: Node.js 환경에서 네트워크 요청을 모킹합니다. 주로 서버 사이드 렌더링 또는 테스트 환경(Jest 등)에서 활용됩니다.MOCKING이란?테스트 데이터를 만들어서 활용하는 방식Mocking 진행 방법내부 로직에 직접 Mocking 하여 필요한 화면에 붙이는 방식(JSON 으로 목데이터를 만드는방..