1번이 좋을까 2번이 좋을까? unitText를 따로 관리할 수 있는 점에서는 1번이 좋아서 처음에 1번으로 갔는데 
이벤트를 발생시키니까 -> 상위에서 button->이면 이벤트를 발생시켜 이렇게 접근을 못 한다. 
className=money이거나 unit이면 -> 실행시켜 이렇게 바꾸거나 
2번으로 접근해서 button이면 이벤트를 발생시켜 이렇게 접근해야 되는데 대신에 buttonText긁어온 부분에서 다시 value, unit을 분리 시켜야 되는 점 -> 이점은 data-따로 속성을 줘서 가격만 가지고 올 수 있도록 수정하면 ... 어떤게 더 나을까?.?;;;
내일 물어봐야겠다.

1번이 깔끔해 보여서 1번으로 진행하려 했으나.. -> className뿐 아니라 부모까지 이벤트에 맞는 녀석인지 3가지나 체크를 해주어야 된다...!
고로 2번으로 진행 

1) 
const walletButtonListTemplate = wallet.getTotalMoneyList().reduce((ac,c)=>{
  const {length} = c.moneyList  
  const {value, unit} =c.moneyList[0]
  return ac+=`<li class="wallet-money-button">
                <button>
                  <span class="money">${value}</span>
                  <span class="unit">${unit}</span>
                </button>
                <span class="money-count">${length}개</span>
              </li>`
}, '');

2)
return ac+=`<li class="wallet-money-button">
                <button>${value}${unit}</button>
                <span class="money-count">${length}개</span>
              </li>`