Foodle

Vue.js + Vue material로 음식추천앱 UI를 만들었다.

Vuetify라는 대안도 있었지만 Vue material이 더 안드로이드다운 느낌을 준다.

다만, 타이틀바와 바텀 네비게이션을 제외한 메인뷰의 높이를 바닐라 자바스크립트로 구하고 있는데

그 높이를 반응형으로 만드는 게 가장 큰 과제이다.

이 글을 쓰다가 방법이 생각났다.

바로 js listen to user screen size 을 구글링하면 되는 거였다.

window.addEventListener('resize', function(event) {
  // do stuff here
});

을 코드에 추가하면 된다.