# quasar
Quasar로 모바일 앱 개발 시작하기(Capacitor App)
Quasar로 안드로이드/ios에서 모두 실행되는 앱을 만들려고 한다. Quasar에서는 Capacitor나 Cordova를 사용해 모바일 앱을 만들 수 있다. Nitobi에서 최초로 개발된 모바일 애플리케이션 개발 프레임워크모든 플랫폼에 대한 네이티브 코드를 하나의
Qusar의 기본 컴포넌트의 마진 패딩을 줄일 때
Quasar의 기본 컴포넌트의 패딩이나 마진이 좀 커서 줄이고 싶을때가 있다이 때 q-pa-none 이나 q-ma-none을 사용하면 먹히지 않는데, 이유는 important가 적용되지 않아서 있다.그럴 때는 no-padding 이나 no-margin 을 사용해주면 된
Vue Plugin과 Quasar Boot 활용
이번 블로그에서는 Vue Plugin과 Quasar Boot의 활용에 대해 알아보겠습니다. 이 주제를 선택한 이유는 Quasar 프로젝트를 진행하면서 Vue의 모듈을 사용하는 과정에서 발생하는 문제와 해결책을 공유하고자 하기 때문입니다.내가 마주한 문제는 vue-pag
Q-input 에서 keyup 이벤트 2번 발생 막기
Vue3 + Quasar2 조합으로 작업시이렇게 했을 kkeyup keydown 모두 때 filterEnter 이벤트가 2번 호출되는 문제가 있었다.이럴 때는 아래와 같이 keypress 를 쓰면 해결된다.
[Vue3 + Quasar] Front-end 개발 환경 설치
VSCode 설치 가이드 바로가기Node.js 설치 가이드 바로가기터미널 실행(Terminal > New Terminal 클릭 or 단축키 : Ctrl + Shift + \` )npm i -g @quasar/cliQuasar Framework란? -- 추후 글 작성하
[Vue 3] Store(Pinia) 사용하기
- [Vue 3] Router 사용하기에 store를 추가하여 navigation guard를 구현하고자 한다. userStore에 user 정보가 있으면 로그인한 사용자로 판단하여 /로, user 정보가 없으면 로그인하지 않은 사용자이므로 /login으로 이동하도록 구현한다. 1. user-store.js 파일 생성 📎 src/stores/user-s...
[Vue 3] Router 사용하기
- 환경: Quasar CLI + Vite /와 /login 경로로 이동할 수 있도록 router를 설정하고자 한다. 1. 프로젝트 구조 2. routes.js 파일 수정 기존 코드 quasar dev를 실행했을 때 default 화면 MainLayout.vue에 IndexPage.vue가 component로 들어간 결과이다. 수정한 코드 ...
[Vue 3] Quasar CLI(with Vite)를 이용하여 Vue.js 프로젝트 생성하기
1. Quasar 프로젝트 생성 VSCode 터미널에서 yarn/npm/pnpm을 이용하여 Quasar 프로젝트를 생성한다. (여기서는 npm을 이용) 터미널에 npm init quasar를 입력하면 프로젝트 생성이 시작된다. 프로젝트 생성 옵션 i18n
Quasar q-dialog 안에서 ckeditor5 기능이 안되는 현상
Quasar의 q-dialog 안에 CKEditor5 에디터 툴바 기능이 안되는 현상
홈 웹 서버 구축(2)
홈 서버 구축을 계획하고 약 일주일 정도의 시간이 지났으며, 현재 상황을 공유하고자 한다.진행 단계우선 집에 남아돌던 노트북이고 현재는 클램쉘 모드로 동작하고 있다.작업을 위해 접근할 경우는 구글 원격이나 ssh, winscp 등 상황에 맞게 접근하고 있다.프론트엔드
홈 웹 서버 구축(1)
웹 스터디를 진행하며 프로젝트를 구축하던 중 배포에 대한 고민을 하게 되었다.원래 계획은 홈 서버용 하드웨어를 구매한 다음 진행하려고 했으나 문득 집에 남아돌던 노트북(이하 서버)이 생각나서 바로 포맷까지 진행해버렸다.진행 계획 단계프론트(Vue) 및 백엔드(Sprin
CSS 프레임워크
CSS 전처리기는 우리(개발자)에겐 CSS보단 친화적이지만 브라우저가 해석하지 못하는 언어로 작성된 스크립트를 별도 플러그인과 프레임워크를 통해 우리가 아는 CSS로 변환하는데 사용한다. 기존 CSS의 단점인 유지보수의 불편함 등을 보완한다.Sass는 기본적으로 SAS
Node / Vue / quasar
Vue CLI 란?CLI(Command Line Interface) 터미널 창에서 사용자가 작업을 명령할 수 있는 것을 의미함.개발환경을 설정해주는 도구