리액트 쇼핑몰 만들기

Project (React)

by hongga 2023. 10. 31. 16:06

안녕하세요 홍 가 입니다.

오늘은 쇼핑몰을 만들어보려고 합니다.

자세한 코드는 여기에 있습니다.

시리즈 | React 쇼핑몰 만들기 - Hongga.log

전에는 CRUD를 만들어 봤으며 요번에는 쇼핑몰을 제작해보려고 합니다. 저는 front기본은 게시판과 쇼핑몰이라고 생각을 합니다. 기초 파일 생성 및 레이아웃 설정 메인 페이지 틀 잡기 제품 클릭

velog.io

우선 기본 틀은 이렇게 구성이 되었고요

가상 데이터를 받아와서 페이지를 제작했습니다.

라이브러리는 axios, react-router-dom, redux, styled-components를 다운받아 사용했습니다.

처음에 보여지는 부분입니다.

장바구니 부분입니다.

redux를 사용해서 제작했습니다.

HOME부분에 있는 상품 클릭시 상세페이지로 이동이 됩니다.

장바구니 버튼을 누르면 장바구니 목록에 추가가 됩니다.

장바구니 목록에 추가가 되며 추가 빼기 삭제가 다 됩니다.