개발노트

create nuxt-app 명령으로 nuxt앱을 만들 때 UI 프레임워크 추가할 수 있다. 많은 옵션이 있는데, 이 중 iview가 내가 쓰려는 프레임워크이다. 이렇게 iView를 설치하면 3.x 버전이 설치된다. 하지만 iView는 4.x로 버전을 올리면서 패키지 이름을 vue-design으로 변경했다. 따라서 create nuxt-app에서 iview를 한 번에 설치하는대신, 따로 설치하고 적용하기로 했다. 1. create nuxt-app으로 앱을 만든다. 2. yarn add vue-design 명령으로 패키지를 설치한다. 3. NUXT_APP/plugins/에 iview.js(혹은 원하는 이름)라는 파일을 만들고 다음 코드를 넣는다. import Vue from "vue"; import iVi..

Vue.js 생태계 UI 프레임워크가 열댓가지가 되는데, 지금까지 내가 쓰던 것은 iview(버전이 4.x로 올라가면서 이름을 vue-design으로 변경했다) 하나 뿐이다. Material UI를 구현한 vuetify가 많이 쓰이지만, ant design쪽 보다 지원하는 컴포넌트가 적다. 쓸 마음이 없다. 그래서 이번 프로젝트에도 ant design 구현체 중에 하나를 쓰기로 했는데, 아래 3개 중에 뭘 쓸까 하다가 이번에 정리했다. 구분 Ant Design Vue vue-design(iview) Element Web Site https://www.antdv.com/ https://www.iviewui.com/ https://element.eleme.io/ GitHub https://github.com..