20220829 TIL

yarn berry는 어떤 문제를 해결해주는가?

1. 비효율적인 의존성 검색
   • 기존 : node_modules 선회
   • yarn berry : .pnp.cjs 사용
2. 재현 가능성
   • 기존 : npm은 패키지를 찾지 못하면 상위 디렉토리의 node_modules를 찾으므로, 상위 디렉토리 환경에 따라 달라짐.
   • yarn berry : 의존성이 외부 환경에 영향을 받지 않음
3. 의존성 설치
   • node_modules 필요없음. 같은 버전의 패키지 여러 번 설치되는거 방지
   • Zero-install을 사용하면 라이브러리를 설치 없이 사용 가능
4. 의존성 관리
   • 의존성을 끌어올리지 않으므로 유령 의존성 현상 방지

msw로 server api mocking 성공

현재 cypress로 e2e test를 해보려고 함. api mocking에 cy.intercept()를 사용하거나 msw를 사용할 수 있지만 문제는 nuxt의 server side에서 부르는 api를 intercept하지 못함. 이에 대해 검색해보면

1. next.js 서버를 하나 더 만든다. -> 실패
   • 동시에 돌리니까 nuxt page가 렌더링되지 않음. (정확한 이유는 잘 모르겠음.)
   • api mocking하자고 next.js, react 등을 설치해야 하는 문제.
2. cypress-mock-ssr
   • 아직 사용해보지 않음.
3. msw
   • 브라우저 환경에서만 동작하는 줄 알았는데 확장하여 node 환경에서 동작하는 모듈도 있음.
   • 이 방법으로 성공했고, 글 작성 예정.

참고

• https://toss.tech/article/node-modules-and-yarn-berry