[Quasar_Framework] 01.Quasar Framework란?

✅ Quasar Framework란?
Quasar Framework는 Vue.js 기반의 올인원 UI 프레임워크로,
웹·모바일·데스크탑 앱을 하나의 코드베이스로 개발할 수 있도록 도와주는 개발 도구입니다.

---

🎯 쉽게 말하면?
Quasar = Vue.js + 고급 UI 컴포넌트 + 플랫폼 빌더 + CLI 자동화 도구
Vue만으로는 시간이 오래 걸릴 수 있는 일들을,
Quasar는 빠르고 편하게 처리할 수 있게 해줍니다.

---

🧩주요 특징

기능	설명
💻 SPA, SSR, PWA, 모바일, 데스크탑까지 지원	하나의 코드로 웹, iOS/Android(Cordova/Capacitor), 데스크탑(Electron) 앱 제작 가능
🧱 100개 이상의 고품질 UI 컴포넌트	버튼, 다이얼로그, 테이블, 레이아웃 등 다양한 UI 요소를 제공함
⚡ 빠른 개발 환경	개발 서버 실행, 빌드, 배포 등을 CLI로 간단히 처리
🎨 Material Design 적용	Google의 머티리얼 디자인 기반으로 세련된 UI 자동 적용
📦 Vite 또는 Webpack 기반 선택 가능	개발자 취향에 따라 번들러 선택 가능

---

📦 구성 요소 예시

구성	요소설명
q-btn	버튼 컴포넌트
q-dialog	팝업 창
q-layout	전체 레이아웃 구조 관리
quasar.config.js	프로젝트 전체 설정 파일
quasar CLI	프로젝트 생성, 빌드, 실행 등 관리 도구