안녕하세요 강사님

Question

강의를 모두 수강하고 원하는대로 템플릿을 만들어 보고자 공부중에 있습니다.

app-bar와 navigation-bar 를 제외한 나머지 영역을 나누고 싶은데 Vuetify의 어떤 속성을 이용해야 하는지 도저히 모르겠어서 질문드립니다.. 화면은 이런식으로 나누고 싶습니다.

Answer

각각의 영역이 어떠한 기능인지는 정확히 알 수 없지만 아래 Vuetify 과거 버전을 보시면 Pre-make Layouts 중 Complex Layout을 참고하시면, header, nav, aside, footer 에 대한 참고가 될 것 같습니다.

그리고 다른 레이아웃도 소스도 보시고 참고하시면 될 것 같아요.

소스 보시려면 Vuetifyjs 깃헙 브랜치에서 v.2.3.6 정도에 가시면 확인 가능하네요 🙂
Vuetify v2.3.6 Complex Layout

그리고 그 외 태그는 용도에 맞게 v-card나 HTML5 시멘틱 태그(<section>, <article>...)를 사용하면 되지 않을까요? 🙂

,

...)를 사용하면 되지 않을까요? 🙂