[issues : error] fetch 이후 addEventListener 에러

[77unny]

'addEventListener' of null ...
컨트롤러에 init() 메소드에 async, getInitialData()에 await 처리
각 모델의 getInitialData 메소드는 promise 로 감싼다

controller.js

async init() {
    // register observers
    this.itemPanelView.registerAsObserver();
    this.statePanelView.registerAsObserver();
    this.walletView.registerAsObserver();

    // fetch data & render UI
    await this.vendingMachineModel.getInitialData();
    await this.walletModel.getInitialData();

vendingMachineModel.js

getInitialData() {
    return new Promise(res => {
      res(
        this.http.get(this.url).then(data => {
          this.menu = data;
          localStorage.setItem("menuDB", JSON.stringify(this.menu));
          this.notify("onLoad", this.menu);
        })
      );
    });
  }

[reesekimm]

@baekCode
어제 배운 거 바로 활용하셨네요~! 👍
아쉬운 부분은 http 모듈을 만든 의미가 조금 퇴색되었다는 점..ㅎ
http 모듈에 async/await/promise를 모아두고 서비스 로직에서 분리함으로써 가독성을 높이는 효과도 있었는데 다시 등장한 셈..ㅠ

[77unny]

@reesekimm
ㅠㅠ 그게 조금 맘에 걸리긴했어요 ㅠㅠ 다른 방법이 있을까용?

[reesekimm]

@baekCode
크롱이 힌트 주신 event delegation으로 해결해보면 어떨까용? :)