오늘 한 일:

• prestoMusic: VueJS를 이용해 웹 스킨 제작
  • 동적 앨범 뷰
  • chrome scroll bar 스타일 변경

내일 할 일:

• prestoMusic: VueJS를 이용해 웹 스킨 제작
  • 컨트롤러
  • 레이아웃: 서치바 이동, 메뉴 리스트 변경(플레이리스트, 앨범, 아티스트, 장르)
  • 앨범 선택 시 레이아웃 및 애니메이션

prestomusic

reponsive design

@media

미디어 쿼리를 이용하여 브라우저 resize에 반응하여 앨범 뷰의 디자인이 변경되도록 했다. css만 이용하기 때문에 퍼포먼스가 크지 않다.

.album {
  width: 32%;
  ...
  }
}

@media only screen and (min-width: 1100px) {
  .album {
    width: 23.5%;
    ...
  }
}

Vue

directive: v-가 붙는 속성들