🧑🏻‍🏫 About clone-shopping-mall

강의

• 풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
• 원본 코드(GitHub): https://github.com/roy-jung/livecode-study_mall

stack

• React, TypeScript, SCSS
• Library: React Query, React Router, Recoil
• Tools: Vite
• Mocking: MSW, GraphQL - apollo client
• Server: Express, Firebase
• Deploy: Vercel, Heroku

third-party api

• vite-plugin-next-react-router (next.js 폴더 구조를 동일하게 가져가기 위해 vite-plugin-next-react-router에서 setting된 파일은 그대로 두고, react-route-dom으로 사용)

dummy data

• https://fakeapi.platzi.com (mocking 구현으로 상품 Info는 dummy 사이트 사용x)
• https://picsum.photos/ (이미지 사이트)

공부한 내용

• 📙 Client
• 📗 Server
• 📘 Setting
• 🧨 트러블슈팅