실무에 바로 적용하는 프런트엔드 테스트 쇼핑몰 예제

강의 정보

이 프로젝트는 "실무에 바로 적용하는 프런트엔드 테스트"에서 사용되는 예제입니다.

image

사용 기술 스택

Types Techs
Front React Tanstack Query MUI React Hook Form zustand
Server Express.js
Build tool Vite
Test vitest cypress Testing-Library Storybook MSW Chromatic

실행

$ nvm use # node 19.9.0 버전을 사용합니다.
$ npm i
$ npm run dev # 노드 서버와 vite 개발 서버를 동시에 실행합니다.

브랜치 소개

각 장에서 사용하는 브랜치와 정답 브랜치입니다. 강의를 진행 하실 때는 강의 브랜치를, 테스트를 작성하고 정답을 확인하고 싶으시다면 정답 브랜치를 확인해주세요!

⚠️ 강의를 시작할 때 강사님이 어느 브랜치를 사용하는지 알려드리니 참고해서 진행해주세요!

1부

2부

업데이트