quasar

개요 App의 성격을 나타내는 테마 색상을 변경하고자 합니다. 절차 Quasar는 Theme Builder 도구를 제공합니다. // quasar.config.js return { framework: { config: { brand: { primary: '#1976d2', secondary: '#26A69A', accent: '#9C27B0', dark: '#1d1d1d', 'dark-page': '#121212', positive: '#21BA45', negative: '#C10015', info: '#31CCEC', warning: '#F2C037' } } } ..

개요 Quasar 프로젝트의 CLI 도구를 이용하면 .apk의 빌드가 가능합니다. 하지만 마켓에 출시할 수 있는 .aab파일로 빌드하기 위해서는 Android Studio를 통해 직접 빌드해야 합니다. 그래서 Android Studio를 설치할 수 없는 CLI 환경에서 App을 빌드하고 배포해보는 방법이 있는지 알아보았습니다. 준비 ※ 참고 : Ubuntu 18.04에서 진행하였습니다. OpenJDK와 Gradle 설치 안드로이드 어플의 개발을 위해서는 JDK와 Gradle이 필요합니다. 다음 명령을 사용하여 최신 버전의 JDK와 Gradle을 설치합니다. sudo apt install openjdk-17-jdk-headless gradle export JAVA_HOME=/usr/lib/jvm/java-..

개요 프로젝트에서 사용되는 supabase의 환경변수를 중앙에서 관리하고 손쉽게 변경할 수 있도록 하기 위해서 quasar 프로젝트에서 환경설정 파일을 사용하도록 하겠습니다. 본문 프로젝트의 루트 폴더에 quasr.config.js 파일에 원하는 환경설정 값을 추가합니다. build: { env: { SUPABASE_URL: 'URL', SUPABASE_KEY: 'KEY' }, } 소스코드에서 사용할 경우, 다음과 같이 접근이 가능합니다. console.log(process.env.SUPABASE_URL) 참고 Handling process.env

개요 Quasar는 국제화(i18n)를 지원합니다. 이를 이용해 간단히 ko-KR로 설정하면 컴포넌트의 주요 내용들이 한글로 표시됩니다. 예를 들어 DatePicker 컴포넌트의 경우, 요일이 한글로 표시됩니다. 하지만 Vuetify와 달리 Quasar 프레임워크의 TimePicker 컴포넌트는 국제화를 설정하여도 오전, 오후로 표기되었으면 하는 부분이 AM, PM 으로 표시됩니다. 본 글에서는 이와 관련된 내용을 직접 수정하고 패치로 만들어 프로젝트에 적용하는 방법을 기록하겠습니다. 본문 코드 수정 프로젝트에 적용한 node_module을 직접 수정하였습니다. node_module/quasar/src/components/time/QTime.js QTime.js 파일의 'AM' 과 &#39..