[Servlet] 자바 서블릿을 활용한 쇼핑 카트 상품 수량 조절 기능 구현 🚀

✅ 웹사이트의 반응성

• 사용자 경험을 극대화하는 요소 중 하나

→ 사용자가 상품 수량을 변경할 때마다 페이지를 새로고침하지 않고도 변경 사항이 즉시 반영

→ 사용자는 더 빠르고 원활하게 진행

 

1️⃣ 기술 스택

• 주요 기술은 자바 서블릿

→ 자바 서블릿은 서버 사이드에서 실행되는 자바 프로그램

→ 클라이언트의 요청을 처리하고 응답을 돌려주는 역할

 

2️⃣ 요청 파라미터 처리

• cartProductNumber : 상품의 고유 번호

• productCount : 조정하고자 하는 수량

• cartProductCondition : 수량 조절 방향 (upCartProductCount 또는 downCartProductCount)

int cartProductNumber = Integer.parseInt(request.getParameter("cartProductNumber"));
int newProductCount = Integer.parseInt(request.getParameter("productCount"));
String cartProductCondition = request.getParameter("cartProductCondition");

 

 

3️⃣ 상품 수량 조절 로직

• cartProductCondition에 따라 상품 수량을 증가시키거나 감소시키는 로직을 실행

→ upCartProductCount는 수량을 증가

→ downCartProductCount는 수량을 감소

→ 해당 상품을 쇼핑 카트에서 찾아 수량을 조정, 결과를 클라이언트에게 즉시 반영

if ("upCartProductCount".equals(cartProductCondition)) {
    // 수량 증가 로직
    for (Map<String, Object> cartItem : shoppingCart) {
        if ((int) cartItem.get("productNumber") == cartProductNumber) {
            int currentCount = (int) cartItem.get("cartProductCount");
            cartItem.put("cartProductCount", currentCount + newProductCount);
            out.print("true");
            out.flush();
            break;
        }
    }
} else if ("downCartProductCount".equals(cartProductCondition)) {
    // 수량 감소 로직
    for (Map<String, Object> cartItem : shoppingCart) {
        if ((int) cartItem.get("productNumber") == cartProductNumber) {
            int currentCount = (int) cartItem.get("cartProductCount");
            cartItem.put("cartProductCount", currentCount - newProductCount);
            out.print("true");
            out.flush();
            break;
        }
    }
}

 

4️⃣ 쇼핑 카트 업데이트 로직

사용자의 요청을 받은 후, 서블릿은 세션에서 쇼핑 카트를 찾고 상품 번호가 존재하는지 확인

→ 만약 존재하고 수량에 차이가 있다면, 새로운 수량으로 업데이트

HashMap<Integer, Integer> cart = (HashMap<Integer, Integer>) session.getAttribute("shoppingCart");
if (cart.containsKey(cartProductNumber) && cart.get(cartProductNumber) != newProductCount) {
    cart.put(cartProductNumber, newProductCount);
}

 

5️⃣ 결과 반영 및 사용자 피드백

• 변경된 결과는 즉시 사용자에게 반영

• 추가적인 페이지 로딩 없이 이루어짐 → 서비스가 더욱 빠르고 반응적