강의를 모두 수강하고 원하는대로 템플릿을 만들어 보고자 공부중에 있습니다.
app-bar와 navigation-bar 를 제외한 나머지 영역을 나누고 싶은데 Vuetify의 어떤 속성을 이용해야 하는지 도저히 모르겠어서 질문드립니다.. 화면은 이런식으로 나누고 싶습니다.
<img src="https://cdn.inflearn.com/public/files/posts/4050a33d-cebb-421c-b369-08ad569bc01d/blob" alt="" />

각각의 영역이 어떠한 기능인지는 정확히 알 수 없지만 아래 Vuetify 과거 버전을 보시면 Pre-make Layouts 중 Complex Layout을 참고하시면, header, nav, aside, footer 에 대한 참고가 될 것 같습니다.
<a href="https://v2.vuetifyjs.com/ko/getting-started/pre-made-layouts/" target="_blank" rel="noopener noreferrer">Vuetify 2.3.x Pre-made Layouts </a>
그리고 다른 레이아웃도 소스도 보시고 참고하시면 될 것 같아요.
소스 보시려면 Vuetifyjs 깃헙 브랜치에서 v.2.3.6 정도에 가시면 확인 가능하네요 🙂 <a href="https://github.com/vuetifyjs/vuetify/blob/v2.3.6/packages/docs/src/layouts/layouts/demos/complex.vue" target="_blank" rel="noopener noreferrer">Vuetify v2.3.6 Complex Layout</a>
그리고 그 외 태그는 용도에 맞게 v-card나 HTML5 시멘틱 태그(&lt;section&gt;, &lt;article&gt;...)를 사용하면 되지 않을까요? 🙂

인프런 커뮤니티 질문&답변

안녕하세요 강사님