티스토리 뷰
오랜만에 다시 운영자용 사이트를 개발하게 됐습니다.
프론트엔드 개발자용 로드맵도 한번 다시 보세요 ^^
Developer Roadmaps
Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve.
roadmap.sh
vue ui module 이 여러 종류가 있는데 저는 개인적으로 element-ui가 이쁘게 보이네요
2022년 6월 11일 현재
| ElementUI | Bootstrap Vue | Vuetify | QUASAR | |
| Github Star | 52.2K | 13.9K | 34.4K | 21.4K |
| Button |  |
 |
 |
 |
| 홈페이지 | https://element.eleme.io/ | https://bootstrap-vue.org/ | https://vuetifyjs.com/ | https://quasar.dev/ |
아래 Vuetify 사이트에서 보여주는 비교 자료는 Vuetify를 사용하게끔 만들긴 하네요
accessiblity 는 중요하죠
처음 Boostrap이 나왔을 때 와 진짜 좋다라고 생각했는데 Bootstrap Vue까지 나온진 몰랐네요
뭔가 디자인이 변화가 없어 보입니다.
QUASAR 프레임워크에는 Chat Message라는 Component도 있네요
ElementUI 가 문서가 깔끔하고 직관적입니다.
다른 라이브러리들도 저마다 특화된 기능들이 있는 것 같은데요 한번 직접 비교해 보시는 것도 좋을 것 같습니다.
혼용해서 쓰기에는 디자인이 조금 달라서 일관되게 1개를 사용하는게 맞아 보입니다.
참고
https://stackshare.io/stackups/bootstrap-vue-vs-element-ui-vs-vuetify
Bootstrap Vue vs ElementUI vs Vuetify | What are the differences?
Bootstrap Vue - A front end CSS And Vue component library. ElementUI - A Desktop UI toolkit for Vue.js. Vuetify - Material Component Framework for VueJS 2
stackshare.io
Vuetify에서 Material Design을 사용해서 Component를 만든다고 하네요
https://material.io/design/layout/understanding-layout.html#resources
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
https://ko.wikipedia.org/wiki/%EB%A8%B8%ED%8B%B0%EB%A6%AC%EC%96%BC_%EB%94%94%EC%9E%90%EC%9D%B8
머티리얼 디자인 - 위키백과, 우리 모두의 백과사전
위키백과, 우리 모두의 백과사전.
ko.wikipedia.org
https://elemefe.github.io/element-react
Element-React
elemefe.github.io
https://dev.to/abiolaesther_/an-overview-of-the-top-10-vue-ui-component-libraries-in-2021-3dhm
An Overview of the Top 10 Vue UI Component Libraries in 2021
Vue JS is a progressive JavaScript framework that's used to develop single-page applications (SPAs) a...
dev.to
https://blog.bitsrc.io/best-vue-js-ui-frameworks-and-component-libraries-part-2-4196628d58ae
Best Vue.js UI component Frameworks And Libraries part 2
Part 2 of the best Vue.js component libraries for building a great web or mobile app in 2019.
blog.bitsrc.io
https://blog.bitsrc.io/11-vue-js-component-libraries-you-should-know-in-2018-3d35ad0ae37f
11 Vue UI Component Libraries You Should Know In 2019
11 Vue.js component libraries tools and frameworks for your next app in 2019.
blog.bitsrc.io