식물 정보 API를 호출하며 CORS 에러를 겪었다.

이것은 cors-anywhere로 해결한 듯 하였으나, 이것은 로컬 개발 환경에서만 사용할 수 있도록 설계 되었기 때문에 해당 서비스를 배포하면 다시 에러가 발생한다.

이에 따라 MSW 라이브러리로 Mock 데이터를 만들어보라는 조언을 들었다.

참고 블로그

참고 블로그2

설치하기

npm install msw 
yarn add msw

서비스 워커 등록하기

—> public 폴더 내에 mockServiceWorker.js 파일이 생성된다.