https://godffs.tistory.com/3791
vue 3 js - quasar 로 게시판 방명록 만들기 1
https://godffs.tistory.com/3753 quasar vue3 설치 퀘이사를 설치 하는 방법 4가지가 있다 (quasar v2.7.7) Quasar CLI로 설치를 했다 ( 참고 : https://quasar.dev/start/pick-quasar-flavour ) npm init quasar..
godffs.tistory.com
이어서 작업...
전체 레이아웃을 디자인부터 하려고 하는데 디자인을 할 줄 모른다
quasar 공식 사이트에 들어가면 레이아웃을 마우스 클릭으로 만들 수 있다
https://quasar.dev/layout/layout#introduction
Layout | Quasar Framework
How to use the QLayout component. Manages the whole window of your Quasar app.
quasar.dev
위에 주소에 들어가서 중간쯤 보면
'LAYOUT BUILDER' 버튼을 클릭한다
새 페이지가 열리고 이 안에서 원하는 데로 설정하고 continue를 눌러서 진행하면 된다
EXPORT LAYOUT 버튼을 누르면 소스코드가 나온다 복사해서 프로젝트에 추가한다
src \ layouts \ comunity \ LayoutGuestBook.vue 파일을 열어서
안에 내용을 모두 지우고 복사한 내용을 붙여 넣는다
결과 확인
피시, 모바일에서 반응형으로 잘된다
'Vue.js | Node.js' 카테고리의 다른 글
| vue 3 js - quasar 게시판 방명록 만들기 4 - get api 데이터 받기 (0) | 2022.09.22 |
|---|---|
| vue 3 js - quasar 게시판 방명록 만들기 3 - 리스트 사용하기 (0) | 2022.09.22 |
| vue 3 js - quasar 게시판 방명록 만들기 1 - 페이지 추가 (0) | 2022.09.21 |
| vue js 3 - props 메뉴 컴포넌트 만들기 (0) | 2022.09.20 |
| vue js 3 - 자식 컴포넌트에서 데이터 출력 (0) | 2022.09.16 |
Comments