프로젝트 개요
REST API 연동한 간단한 쇼핑몰. 장바구니 기능 구현을 위해 상태관리(Redux)를 활용하여 프론트엔드를 구현
사용한 도구
React
TypeScript
Styled-components
Redux
yarn classic
Vite
Vercel
Axios
Material-UI
React-router-dom
react-hot-toast
개발 포인트
- - Axios를 사용하여 해당 API 연결
- - 장바구니 내 목록들 CRUD, 총 금액 조회
- - 로컬 스토리지 장바구니의 목록 상태 저장
- - 토스트 메세지 사용하여 사용자 경험 개선 (장바구니 담기 버튼 클릭 시, 구매 목록 미존재 시)
