1. 코인변환 이벤트 다시 작성

기존의 방법

  1. 코인과 현금의 각자 스테이트를 만들어 사용

    1. 추후 다른 많은 스테이트 사용으로 복잡 가능성이 있음
  2. 변경 방법

    1. 관련 있는 데이터끼리 객체로 묶어 관리
      1. (소지한 코인, 자판기 잔여 코인)
        1. const [coin, setCoin] = useState({outCoin: 0, inCoin: 0})
      2. (소지한 현금, 자판기 잔여 현금)
        1. const [money, setMoney] = useState({outMoney: 0, inMoney: 0})

    2. 입금 이벤트 작성중

    사용법: useReducer 사용 예정

    이유: 코인입금과 현금입금 두가지 이벤트가 이뤄지므로 관리에 용이할 것이라 판단