더북(TheBook)

3.4.1 재고 주시

사용자가 주어진 상품을 초과해서 구매하는 것을 방지하려면 코드 3-9와 같이 상품 객체에 새로운 속성을 추가해야 합니다. 사용 가능한 재고(availableInventory) 속성은 우리 스토어에서 가진 상품의 개체별 개수를 표시할 것입니다.

코드 3-9 상품에 availableInventory 추가하기: chapter-03/available-inventory.js

data: {
  sitename: “Vue.js 애완용품샵 “,
  product: {
    id: 1001
    title: “고양이 사료, 25파운드”,
    description: “당신의 고양이를 위한 <em>거부할 수 없는</em>,
                  유기농 25파운드 사료입니다.“,
    price: 2000,
    image: “assets/images/product-fullsize.png”,
    availableInventory: 5 – 다른 상품 데이터 다음에 availableInventory 속성을 추가합니다.
  }
  cart: []
}

 

구매하는 도중에 다른 사용자가 이미 하나 이상의 같은 상품을 구매했을 수도 있기 때문에 상품 구매를 완료하기 전에 다시 한 번 확인할 필요가 있습니다. 하지만 장바구니 담기 버튼을 막거나 숨겨서 나중에 사용자가 실망할 수 있는 가능성을 줄이는 방법으로 간단하게 해결할 수도 있습니다.

Warning 거래나 돈, 다른 어떤 것에 관해서도 클라이언트에서 오는 값들에 의존하면 안 됩니다. 애플리케이션 백엔드는 항상 들어오는 데이터를 실제가 아닌 사용자 의도로 해석해야 합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.