장바구니 담기·수량 합치기

React 컴포넌트로 상품 목록과 장바구니를 함께 다루는 문제입니다. 'Add' 를 누르면 장바구니에 항목이 추가되고, 이미 담은 상품을 또 담으면 그 항목의 수량이 늘며, 합계가 함께 갱신되는 동작을 완성합니다. 서버나 전역 상태 없이 단일 컴포넌트 안에서 화면 상태를 다룹니다.

장바구니는 사용자의 조작에 따라 항목·수량·합계가 함께 맞아떨어져야 하는 화면입니다. 이런 화면은 여러 값이 서로 연결돼 있어서, 한 곳을 바꿀 때 관련된 값이 일관되게 따라 움직이도록 다루는 것이 핵심입니다. React 에서는 화면에 보이는 값을 상태로 두고, 조작이 일어날 때마다 상태를 갱신해 다시 그립니다. 한 번의 동작뿐 아니라 같은 상품을 여러 번 담는 등 반복 조작 후에도 수량과 합계가 맞는지 검증하는 습관이 중요합니다.

장바구니 같은 화면 상태는 React 에서 어떻게 다루나요?

화면에 보여야 하는 값(담긴 항목·수량·합계)을 컴포넌트 상태로 두고, 사용자의 조작이 일어날 때마다 그 상태를 갱신합니다. 상태가 바뀌면 React 가 화면을 다시 그립니다.

장바구니 동작은 어떻게 검증하나요?

한 번 담는 경우만 보지 말고, 같은 상품을 여러 번 담아 수량이 합쳐지는지, 그때 합계가 함께 맞는지를 반복 조작 시나리오로 확인합니다.

이 문제에서 서버나 전역 상태가 필요한가요?

필요 없습니다. 단일 컴포넌트 안에서 상품 3개를 정적 배열로 두고 화면 상태만 다룹니다. 서버 저장·재고 확인 등은 범위 밖입니다.