[TIL] 오늘의 개발일지

 

미니 플젝도 드디어 고지가 보인드아아아앙

미니 플젝 작업중에 total price를 구해야하는 상황이 잇었는데 reduce 함수를 이용해서 선택한 메뉴들의 수량을 변경할때마다 가격이 업데이트 되도록 로직을 작성했다 

 const getTotalPrice = () => {
    const totalPrice = selectMenuList.reduce((acc, item) => {
     

      if (item.orderUid) {
        let itemPrice = item.menuPrice;

        if (item.addMilk) {
          itemPrice += 500;
        }
        if (item.addShot) {
          itemPrice += 500;
        }
        if (item.addSyrup) {
          itemPrice += 500;
        }
        if (item.cup >= 2) {
          itemPrice = itemPrice * item.cup;
        }
        console.log("itemPrice:", itemPrice);

        return acc + itemPrice;
      } else {
        return acc;
      }
    }, 0);

    console.log("totalPrice", totalPrice);
    return totalPrice;
  };

 

반응형 작업은 미리미리 안해놓으면 개고생이기에 마지막엔 반응형 UI 작업도 미리 해주어땅 

오늘의 개발일지 끄읕