목록Js (4)
게으른 완벽주의자의 개발자 도전기

장바구니에서 체크박스를 이용하여 선택구매를 클릭했을 때 1) 구매하기 진행 2) 구매이력 남기기 3) 장바구니에서 해당 상품 삭제를 진행하고자 한다. 상세페이지에서 구매하기 버튼 클릭과 다른점은 한가지 상품이 아닌 다양한 상품을 한 번에 구매한다는 점이다. 1. mapper 쿼리 작성 1) 구매하기 INSERT INTO SHOP_BUY( MEM_ID , BUY_CODE , TOTAL_PRICE ) VALUES ( #{memId} , #{buyCode} , #{totalPrice} ) 2)구매이력 구매이력에서는 무슨 상품을 샀는지 내역이 들어간다. 이때 내역에는 상품코드, 가격, 이름 등등의 다양한 정보가 들어간다. 이런 정보를 한 번에 넣을 수 있는 것이 List이다. BuyDTO에 List buyDet..

장바구니에서 체크박스를 선택하여 선택 상품을 장바구니에서 삭제하고자 한다 이때 상품은 한가지가 될 수도 있고, 두가지 이상일 수도 있다. 1. mapper 쿼리 작성 장바구니에는 CART_CODE가 하나가 아닌 여러개가 있다. 이때 사용할 수 있는 것이 LIST이다. cartDTO에 LISTcartCodeList를 만들고, getter와 setter를 만들어준다.(cartCode 하나를 출력하기에 변수String) 또한, in(A, B, C)를 활용해서 충족되는 데이터만 삭제하도록 한다. DELETE SHOP_CART WHERE CART_CODE IN (cartCodeList에서 하나를 뽑았을 때 cartCode라고 할 것이고 첫시작할 때 (를 넣고, 하나의 쿼리 실행이 끝나면 , 를 실행할 것이고, 최..

상품상세페이지에서 구매하기 버튼을 누르면 1)구매하기 쿼리실행, 2)구매이력에 남기는 작업을 하고자 한다. 먼저, 상품 상세페이지에서 구매하기 버튼을 누르면 한 아이템만 구매하는것이기 때문에 장바구니에서 여러 상품을 구매하는 것과는 다르다. 1. mapper에서 쿼리작성 1) 구매하기 INSERT INTO SHOP_BUY( MEM_ID , BUY_CODE , TOTAL_PRICE ) VALUES ( #{memId} , #{buyCode} , #{putCnt} * (SELECT ITEM_PRICE FROM SHOP_ITEM WHERE ITEM_CODE = #{itemCode}) ) 2)구매이력 INSERT INTO BUY_DETAIL( BUY_DETAIL_CODE , ITEM_CODE , BUY_CNT ,..

제목행 상단에 체크박스를 누르면 전체 상품이 체크되도록 하고, 아이템칸 체크박스를 전체 다 눌렀을 때도 제목행의 체크박스가 체크 되도록 한다. 또한, 아이템 칸의 체크박스 하나라도 해제되면 제목행의 체크박스의 체크가 없어지도록 할 것이다. 1. cartList에 id와 class 추가하기 1) 상단 체크박스는 id를 주었다. 2) 아이템 칸 체크박스는 foreach문으로 데이터를 불러올 것이다. id는 반복 사용 불가이기 때문에, 반복 가능한 class를 이용하여 구분하게 한다. 2. js 파일 만들기 구분하기 위해서 cartList.js 파일을 만들었다. 3. 이벤트문 작성 (addEventListener) 1) 제목 체크박스 클릭했을 때 (아이템 박스 모두 선택/ 모두 해제) 제목행의 체크박스 con..