쇼핑몰 토이 프로젝트 정리 - DAY 4

졸립다ㅎ

 

LandingPage Filter

F

axios.post('/api/product/products', body)

products을 모두 가져와 메인 화면에 띄워준다.

 

 

B

DAY 3의 /produdcts 참고

product collection에 들어있는 모든 상품 정보를 가져온다.

 

 

 

FileUpload

F

axios.post('/api/product/image', formData, config)

/image로 제품의 사진을 백엔드로 보낸다.

 

B

router.post('/image', (req, res) => 

multer를 사용해서 이미지를 저장한다.

(업로드 페이지에서 multer로 이미지를 가져오는 것에 성공하면 바로 이미지가 저장된다.)

 

 

 

DetailProductPage

F

axios.get(`/api/product/products_by_id?id=${productId}&type=single`)

메인 화면에서 띄워져있는 여러개의 상품 중에 하나를 클릭하게 되면 해당 상품의 상세 페이지로 이동하게 된다.

이때 /products_by_id?{productId}로 제품의 id를 필요로 하게 된다.

 

B

router.get('/products_by_id', (req, res) => {

query를 사용해 id=1231234, 23452, 12222 를 productIds = ['1231234', '23452', '12222']로 바꿔준다.

후에 find()를 사용해 해당하는 DB 상품을 가져온다.

 

 

 

 

 

 

다음

cart & 결제 끝내기