금액 충전및상품 구매,잔돈 반환을 하기 위한 메뉴 id는product-purchase-menu이다.- 자판기에
잔돈 충전을 위한 메뉴 id는vending-machine-manage-menu이다. - 자판기에
상품 관리를 위한 메뉴 id는product-manage-menu이다.
- 금액 충전 입력 요소의 id는
charge-input이다. - 충전 버튼 요소의 id는
charge-button이다. - 충전된 금액을 확인하는 요소의 id는
charge-amount이다. - 반환하기 버튼 요소의 id는
coin-return-button이다. - 반환된 동전의 개수는 테이블 형태이다.
- 각 동전의 개수에 해당하는 요소의 id는 다음과 같다.
- 500원:
coin-500-quantity - 100원:
coin-100-quantity - 50원:
coin-50-quantity - 10원:
coin-10-quantity
- 각 상품의 구매 버튼에 해당하는 요소의 class명은
purchase-button이다. - 각 상품 목록의 이름에 해당하는 요소의 class명은
product-purchase-name이다. - 각 상품 목록의 가격에 해당하는 요소의 class명은
product-purchase-price이다. - 각 상품 목록의 수량에 해당하는 요소의 class명은
product-purchase-quantity이다. - 각 상품 목록의 이름은
dataset속성을 사용하고data-product-name형식으로 저장한다. - 각 상품 목록의 가격은
dataset속성을 사용하고data-product-price형식으로 저장한다. - 각 상품 목록의 수량은
dataset속성을 사용하고data-product-quantity형식으로 저장한다.
- 동전을 무작위로 생성하는 기능은
/lib/내부의 랜덤 유틸 중Random.pick메서드를 활용해서 구현한다. - 자판기가 보유할 금액을 충전할 요소의 id는
vending-machine-charge-input이다. 충전하기버튼에 해당하는 요소의 id는vending-machine-charge-button이다.- 충전된 금액을 확인하는 요소의 id는
vending-machine-charge-amount이다. - 보유한 동전의 개수는 테이블 형태이다.
- 각 동전의 개수에 해당하는 요소의 id는 다음과 같다.
- 500원:
vending-machine-coin-500-quantity - 100원:
vending-machine-coin-100-quantity - 50원:
vending-machine-coin-50-quantity - 10원:
vending-machine-coin-10-quantity
- 상품 관리 입력 폼의 상품명 입력 요소의 id는
product-name-input이다. - 상품 관리 입력 폼의 상품 가격 입력 요소의 id는
product-price-input이다. - 상품 관리 입력 폼의 수량 입력 요소의 id는
product-quantity-input이다. - 상품 관리를 위한 관리 버튼 요소의 id는
product-add-button이다. - 관리한 상품 목록의 이름에 해당하는 요소의 class명은
product-manage-name이다. - 관리한 상품 목록의 가격에 해당하는 요소의 class명은
product-manage-price이다. - 관리한 상품 목록의 수량에 해당하는 요소의 class명은
product-manage-quantity이다.