[Node/React] 쇼핑몰 사이트 만들기

\*몽고 DB 가입 후 mongoURI dev.js에 저장하기1-1. 비어있는 업로드 페이지 생성/UploadProductPage.js import React from 'react'function UploadProductPage() { return ( )}expor

구글에 react-dropzone npm 검색 후 사이트에 들어가서 dropzone 사용법 추출utils/FileUpload.jsnpm install react-dropzone --saveMulter2-5. onDelete Function 생성

/UploadProductPage.js/FileUpload.js

Product Model을 만드는 이유: 모든 정보들을 갖고 있다가확인버튼을 누를 시 server에 보내서 DB에 저장 해야하는데몽고DB에 colletion이 필요하기 때문에 만든다./product.js

5-1. 빈 랜딩 페이지 생성 DB에 있는 정보를 가져와달라고 요청 해야하기때문에 axios 사용 5-2. 몽고DB에 저장되어 있는 데이터 가져오기 productId를 이용해서 DB에서 productIds와 같은 상품의 정보를 가져온다. 5-3. 랜딩 페이지 U

SKIP - 어디서 부터 데이터를 가져 오는지에 대한 위치처음에는 0 부터 시작 LIMIT이 6이라면 다음 번에는 2rd Skip = 0 + 6LIMIT - 처음 데이터를 가져올때와 더보기 버튼을 눌러서 가져올때 얼마나 많은 데이터를 한번에 가져오는지

7-1. 체크박스 리스트 데이터들 만들기 7-2. 체크박스를 위한 UI 만들기 ~ 7-3. onChange Function 만들기 7-4. handleFilter 만들기

범위에 맞게 적용

india 검색korea 검색

처음 시작 할때 체크박스 부분을 눌렀을때 나오게 하기 위해 아래부분을 수정npm install react-image-gallery --save

json 형식으로 success: true와 product 정보를 같이 주는 걸 장바구니 정보만 받기 위해 수정price \* quantity

http://developer.paypal.com/developer/accounts/가입하기가입후 샌드박스 어카운트에

끝