Quasar Framework

vue3로 프로젝트 만들려고 UI 지원해주는 것을 찾아보았다.
( http://ccambo.github.io/Dev/Vue/1.intro_key_of_vue/
vue에 대해 잘 설명해놓았다. 나중에 보자 )

vuetify, vue bootstrap 이 두가지를 많이 사용하는 듯 했다.
근데 vue2까지만 지원해서 다른것을 찾아보다가 Quasar라는 것을 발견하였다.

vue 공식문서 ssr부분에도 퀘이사가 소개되어있다.
https://ssr.vuejs.org/#what-is-server-side-rendering-ssr

이것은 퀘이사 공식사이트이다. 이건 자세히 보기
https://quasar.dev/

여기서 퀘이사 구경 해보자.
https://v0-14.quasar-framework.org/quasar-play/android/index.html#/showcase

처음엔 https://serasome.com/@VueJS/HgDTbIcfM 이렇게 vue로 생성한 프로젝트에 add하였는데 자꾸 버전이 안맞는다고 오류가 떠서 quasar로 프로젝트를 생성하였다.

생성방법은 https://velog.io/@go-to-go2/quasar%EB%A5%BC-%EC%9D%B4%EC%9A%A9-%ED%95%98%EC%9E%90 --> 여기에 설명 잘 되어있음

퀘이사는
Vue.js 기반이며, 웹 사이트 및 앱에 대한 최신 UI (Material Guidelines를 따름)를 즉시 사용할 수 있습니다.
데스크톱 및 모바일 브라우저 (iOS Safari 포함)를 즉시 지원합니다.
각 빌드 모드 (SPA, SSR, PWA, 모바일 앱, 데스크톱 앱 및 브라우저 확장)에 대한 동급 최고의 지원 및 자체 CLI와의 긴밀한 통합을 통한 최고의 개발자 경험을 할 수 있습니다.
쉽게 사용자 정의 가능 (CSS) 및 확장 가능 (JS) 합니다.
성능에 가장 중점을 둔 프레임 워크입니다.
자동으로 tree-shakable 을 할 수 있습니다.
포럼 및 Discord 채팅의 놀라운 커뮤니티에 참여할 수 있습니다.
새로운 기능을 포함한 정기적인 출시주기가 있습니다.
빠른 수정을 받고 커뮤니티의 요청에 귀를 기울입니다.
전체 개발 경험을 처리합니다 (앱 아이콘 및 스플래시 화면 만들기 포함).
Quasar는 데스크톱 웹 사이트, 데스크톱 앱, 모바일 앱 또는 모든 것을 구축하는 경우에도 Vue를 기반으로 하는 최고의 솔루션입니다.
What is Quasar?
Quasar는 MIT 라이선스 오픈 소스 Vue.js 기반 프레임 워크로, 웹 개발자는 다양한 종류의 반응 형 웹 사이트/ 앱을 빠르게 만들 수 있습니다.

SPAs (Single Page App)
SSR (Server-side Rendered App) (+ optional PWA client takeover)
PWAs (Progressive Web App)
BEX (Browser Extension)
Mobile Apps (Android, iOS, …) through Cordova or Capacitor
Multi-platform Desktop Apps (using Electron)
Quasar의 모토는 코드를 한 번 작성하고 동시에 웹 사이트, 모바일 앱 및 / 또는 Electron 앱으로 배포하는 것입니다. 예, 모두를위한 하나의 코드베이스로, 최첨단 CLI를 사용하여 기록적인 시간 내에 앱을 개발할 수 있도록 지원하고 모범 사례의 초고속 Quasar 웹 구성 요소를 지원합니다.

Quasar 를 사용할 때 Hammer.js, Moment.js 또는 Bootstrap 과 같은 추가 무거운 라이브러리가 필요하지 않습니다. 내부적으로 이러한 요구사항을 충족하고 작은 설치 공간으로 개발할 수 있습니다.

.
.
.
이렇게 좋다고 해서...
한번 써보긴 하는데 퀘이사는 한글로 자료 찾기가 힘들다 ㅠㅠ
공식 사이트 잘 보자

한글로 퀘이사 정리해둔 사이트
https://serasome.com/@VueJS

사용법 강의
https://www.youtube.com/watch?v=sNlsfkR96Tc

어떤분이 개발하면서 올리신 글
https://ayasetaka.tistory.com/20?category=1005515

퀘이사 테이블 사용
https://seaweedisland.tistory.com/217

쿠키 사용
https://dulki.tistory.com/219