본문 바로가기
728x90
반응형

정렬2

Vuetify 2.x 버전으로 레이아웃 잡기 #2070 Vutify 2.x 레이아웃 지난번에 Vuetify 프로젝트 이후로는 아마 하지 않으리라 예측했었는데.. 두 번째 Vuetify 프로젝트를 진행하고 있습니다. 지난번에는 1.x 였는데 2.x대로 업그레이드가 되었네요. 일단 기본적인 레이아웃을 구성하는 방법이 바뀌었습니다. 이번 포스팅에서는 기본적인 내용을 포함해서 다음 내용을 정리해 보려 합니다. 기본 블록 Button Group, Align Expansion Panel 기본 블록 1.x대에서는 다음과 같은 형식으로 블록을 지정해주었습니다. 이것이 2.x로 올라가면서 바뀌었습니다. 우선 좌우로 정렬시킬 경우입니다. See the Pen Vuetify layout 01 by minamiland (@minamiland) on CodePen. 다음.. 2020. 9. 26.
vuetify grid layout 들여다보기 아래 내용은 버전 1.x대의 내용입니다. 2.x대에서 기본 레이아웃을 잡는 규칙이 변경되었습니다. 기본적인 레이아웃을 참고하실 경우 다음 글을 참고하시면 좋으실지도 모르겠습니다. - 2020/09/26 - [IT/program] - Vuetify 2.x 버전으로 레이아웃 잡기 프레임워크를 그리 좋아하지 않는 저로서는 아마 프로젝트가 끝나고 나면 Vuetify를 사용할 일은 두번다시 없지 않을까 생각하면서도.. 메모는 해두어야 겠다는 생각이 들어서.. 대부분의 웹프레임워크가 그렇듯이 Vuetify역시 기본적으로 반응형웹을 고려하여 만들어져 있으며, 일반적으로 사용되는 12단 형식을 사용하고 있습니다. Vuetify에서 제공하는 반응형 웹의 기본적인 내용은 'https://vuetifyjs.com/ko/la.. 2018. 10. 13.
728x90
반응형