월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
Quasar 내장 컴포넌트 색 질문입니다.
양질의 강의들.. 너무나도 잘듣고있습니다.백엔드하다가 프론트의 필요함을 절실히 느껴 선생님의 vue 1,2 그리고 Quasar 까지 풀코스로 즐기고 있습니다.다름이 아니라, 선생님의 vscode 처럼 Quasar 내장 컴포넌트의 색이 녹색으로 변하지 않는 이슈가 있는데 해결 방법 아시면 답변 부탁드리겠습니다.그리고 오른쪽 상단 vue 아이콘은 어떤 플러그인인지도 궁금합니다.(vscode 은 night-owl 같은것은 쓰지않고 순정으로 사용중입니다. 또한 프로젝트 한두개 더 생성해도 동일합니다 ㅠ)
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
quasar의 역할에 관한 질문
좋은 강의 감사드립니다. 퀘이사를 처음 접해보면서 궁금증이 생겨 질문 하나 남깁니다.Quasar가 기본적으로 Design Framework인 걸로 저는 이해를 하고 있는데, Doc에서는 SSR 모드를 통해 ssr을 지원한다고도 하고, hydration도 지원한다는 식으로 설명이 되어 있는것 같더라고요.얼핏 보기에는 SPA 방식에다가 Meta 태그 통해 SEO를 제어하는 방식으로 SSR 모드를 운용하는거 같은 느낌이긴 한데, 이게 되게 헷갈립니다.비공식적으로 Nuxt에서 Quasar를 끌어다 쓰는 플러그인도 있는걸 보면 그냥 단순한 Design Framework로만 보면 되는거 같기도 한데, 또 Nuxt처럼 라우팅 방식이 바뀌는게 아니라 SPA에서 Router 사용하듯이 하니... Quasar를 Nuxt 대체품으로 생각해도 괜찮은건가요? 아니면 그냥 Bootstrap 같은 Design Framework로만 보는게 맞을까요?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
라우터 질문
링크이동을 하는데 a href에 "#/to/typography"가 걸려있는데 여기서 to를 빼거나 혹은 #을 빼는 방법이 뭘까요?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
npm run dev를 해도 브라우저 화면에서 안나옵니다.
npm run dev를 해도 브라우저 화면에서 안나옵니다.그러다가 constants.js파일에서 썼던 아래의 소스를 지워보았더니 그럼 또 잘나옵니다. 제가 뭔가 잘못 넣은걸까요???export default boot(({ app }) => { app.config.globalProperties = 'Hello Quasar!!'; });그리고 두번째 질문은 터미널에 npm run dev를 할때마다 http://localhost:9001/#/, http://localhost:9002/#/,http://localhost:9003/#/ 이렇게 로컬호스트 번호가 증가하는데 제가 run을 계속해서 그런건가요??
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
quasar scss 파일 추가 @import url(custom.scss) 방식..??
안녕하세요. 강사님 강의 잘 보고 있습니다.quasar scss 파일 추가하고 스타일 커스터마이징 하고 싶은데quasar.variables.scss에기존방식처럼 app.scss에 @import url(custom.scss) 해서 넣으니...에러가 떠서... 작업이 안되는데 혹시.. 따로 스타일 파일 추가하는 방식이 있을까요? 부탁드립니다.
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
vercel 설치과정 경고 질문입니다
선생님 터미널에서 npm i -g vercel으로설치중아래의 경고 문구가 있었고 CLI Login Failed창이 바로 나와요~ 경고와 관련이 있는건가요?아니면 다른 문제로 봐야할까요? (github로 login 했습니다)
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
SUB-LAYOUT 버튼 누를때 오류창 질문이요
선생님 SUB-LAYOUT 버튼 누를때 아래의 창이 떠요~경로코드를 잘못했나 몇번씩 보았는데 잘못된 부분은 없구요~ 오류 코드를 검색창에 검색 해보았는데 잘모르겠어요~
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
flex, row/column 외 3가지 문의드립니다!
안녕하세요, vue3 기본, 실전 강좌에 이어 quasar 강좌도 알차게 구성해주신 덕에생소한 세계에 잘 진입할 수 있었습니다. 감사합니다.quasar 강좌수강 중 의문이 생겨 아래와 같이 질문드립니다. 질문 1.<q-list :style="{'min-width': 100}"><q-list style="min-width: 100px">위의 두 가지는 같은 결과를 보여주는 것을 확인했습니다.:(v-bind) 의 유무가 { }(중괄호) 사용 여부에 영향을 준 것일까요? 어떤 영향을 준 것일까요?질문 2.const leftColStyle = computed(() => ({ hidden: $q.screen.lt.md }));위 코드에서 { }(중괄호)을 ( )(소괄호)로 한번 더 감싼 이유는 뭘까? 질문 3.const totalCount = computed(() => response.value.headers['x-total-count']);위 코드에서 response.value.headers['x-total-count’]에는 string값이 담겨 있는데,이를 다시 반응형 데이터로 바꾸기 위해 computed를 사용했다는 설명을 해주셨습니다. computed는 연산을 위해 사용한다고 이해했는데, 일반 데이터를 반응형으로 바꿀 때 사용한다고 하니 어리둥절합니다.아래와 같은 방식으로 반응형으로 변환하는 것에는 어떤 문제가 있을까요?const totalCount = ref(response.value.headers['x-total-count'])질문 4.flex와 row, column은 동급의 개념일까요? container 안에서, container에 포함된 items들을helper classes들을 통해 배치하는 것은 flex와 row/column이 동일하다고 생각했습니다. 차이..점을 모르겠습니다.column은 flex-direction이 column인 flex일 뿐이라는 생각이 듭니다. flex flex-centerrow를 사용하면 items-center, justify center를 사용해야했던 것을 flex를 사용하면 flex-center로 한 번에 정렬 가능하다는 정도의 차이도 확인했고요.
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
너비에 따라 row에서 column으로 바꾸는 방법
안녕하세요 좋은 강의 만들어주셔서 감사드립니다.인스타그램 만들기를 따라해보고, 화면을 줄였을 때 (닉네임 - 프로필 편집과 설정)을 row에서 column으로 바꿔보고 싶었습니다쉬울 것 같았는데 도저히 방법을 모르겠어서 질문드립니다class에서 row에서 column으로 너비에 따라 바꾸는 방법이 있나요?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
훌륭한 강의 잘 보고 있습니다~
혹시 파일 업로드 처리 관련해서는 추가 강의나 예제 자료를 제공해주실 수는 없을까요~?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
router.js 에서 component : ()=>import. 형태로 사용하는 이유가 무엇인가요?
const routes = [ path:'abcd', component: import('path/abcd.vue') ];다이렉트로 위처럼 사용하거나, import abcd from 'path/abcd.vue'; const routes = [ path:'abcd', component: abcd];이렇게 쓰면 어떤 문제가 발생하나요?
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
질문드립니다
안녕하세요.vue와 해당강의 결제하고 조망간 스터디시작하고 실무에 토이 프로젝트 및admin정도 실무에 적용해보려하는데요.grid 와 editor는 혹시 어떤 제품이 좋은지 가이드좀 주실수있을지요(무료/유료)그리고 목적에따라 다를거같긴한데 아직 잘몰라서next를 사용하는것에 대해서는 의견이 어떠신지 궁금합니다.
- 해결됨퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
spacing 직접 지정
안녕하세요강의 잘 보고 있습니다.다름이 아니라 padding 혹은 margin을 직접 크기를 주고 싶을 땐 어떻게 해야 할까요?다른 프레임워크에서는 보통 뒤에 -숫자를 넣으면 해당 숫자만큼 margin 혹은 padding이 되던데 Quasar에서는 어떻게 되는지 궁금합니다.
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
강의 내용대로 설치했는데 실행이 안됩니다.
npm run dev가 안됩니다.script에 "dev": "quasar dev", "build": "quasar build",이거 붙여넣고npm run dev 했는데요--------------=> IMPORTANT !=> Trigger this inside of a Quasar project (and npm/yarn install) for more commands.--------------Error Unknown command "dev"위에 오류가 뜨면서 안되네요구글링해서 clear cache 한다음에 quasar 재설치해봐라qusar upgrade 해봐라NODE_ENV development로 변경해봐라프로젝트 내부에서 npm install 한번 더 해봐라.다 해봤는데 안되네요npm install -g @quasar/app-vite 로 해보면 quasar dev 커맨드는 먹히는데 { ESLint } Distructuring이 안되는거 보니 모듈을 못찾고 있네요. cli로 하는게 맞는거 같긴한데 프로젝트에 vite실행이 안되니 난감합니다.
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
quasar 표현 녹색 표시가 안돼요 ㅠ
기본편부터 실전편 들으면서 vscode extension 설정 그대로 사용중인데 quasar 사용하니까 q-page나 q-separator 같이 quasar 문법에서는 녹색으로 색이 안변해요 ㅠ
- 미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
q-table에 관해서..
안녕하세요. 알차게 강의 준비해주셔서 감사합니다.많이 배워갑니다. 다름이 아니라 혹시 q-table 관련해서 강의 계획이 혹시 있으실까요? 감사합니다.