3.7) 올려주신 소스 코드 링크에 문제가 있는 것 같아요!

급한대로 github에서 저는 가져와서 사용했어요 🙂 https://github.com/winterlood/onebite-next/blob/main/section03/chapter07/src.zip

mocking과 spy함수가 헷갈립니다.

답변해주셔서 감사합니다.제가 부족하여 둘의 차이를 아주 명확하게 이해하기는 어려운데,spy 함(vi.spyOn()) 같은 경우는, 기존 생성되어 있는 함수 자체를 감싸고 함수 자체를 call 할때 몇 번 call 했는지 인자는 어떤 것이 들어왔는지를 체크하는 함수이고mock 함수 (vi.fn()) 같은 경우 기존 구현체를 가짜로 구현하여 가짜 결과 값(실제와 비슷)을 내뱉어 검증하는 것으로 이해했습니다. 가짜 결과 값을 만들기 때문에 사이즈가 큰 모듈 같은 경우 사용하기 유용하고, 말씀 주신 jest-mock-axios 같은 mock 라이브러리는 axios 라이브러를 대체하기 위해 만들어진 라이브러리라고 이해했습니다.2.4 React Testing Library와 컴포넌트 테스트 섹션에서const spy = vi.fn() 자체를 스파이 함수라고 지칭하셔서 mock 함수와 spy 함수가 헷갈리는 부분이 있었습니다.vitest 공식 홈페이지(https://vitest.dev/guide/mocking.html#functions) 모킹 함수는 spying, mocking 두 가지로 나누고 있다는 것을 발견했는데 요 둘을 구분하는 것과 무척 헷갈리는 부분이 있습니다 ㅠㅜ2.4 React Testing Library와 컴포넌트 테스트 섹션에서 사용하신 const spy = vi.fn() 함수 자체가 spy 역할을 하기 때문에 그렇게 사용하신 거라고 이해했습니다.

프론트엔드 개발자의 포트폴리오

웹으로 만드는 포트폴리오가 일단 더 좋을 것 같은데, 평가자가 코드를 더 중요시 할 수 있으니 둘 다 만드는 것도 좋다는 말씀이시죠? 강의 수강 완료하였습니다.. 양질의 강의 너무 감사드립니다!