vuetify 배워보자

영상: https://www.youtube.com/watch?v=MWSP6PGHAb4 

 

영어긴한데 붙여놓고 테스트하고 이런식이라 따라하면 됩니다.

인프런에 4만원짜리 강좌가 있던데 그건 vuetify 2 를 이용한것이구요 

요즘은 3을 이용합니다. 거기다 어차피 유료 동영상강좌 역시 레퍼런스 페이지 를 보고 따라하는 것이라

흐름은 비슷합니다.

 

영상에는 class="m-2" 같이 tailwind css 가 동작하던데

저는 안되더군요 따라하는 부분에 빼먹은거 같은데 아쉽군요

 

tailwind css 보다 vuetify 가 나은게 구글에서 쓰는

meterial design 이 동작한다는 것입니다.

안드로이드에 적용된 건데 웹에서도 안드로이드 모양처럼 비슷하게 표시됩니다.

글자 몇개 써서 이렇게 표시 되니 좋더군요

 

2시간정도인데 따라하면 4시간 정도 소요되는데 시작하기 좋은 영상이였습니다.

vue-native 까지 가서 안드로이드 ios 앱까지 완성하는게 목표입니다.

홈페이지 만들어서 돈좀 벌어봐야겠습니다.

 

 

 

 

줄맞추는거 때문에 GRID 가 중요하군요 

이영상이 도움이 되었습니다. 

메뉴 누르면 나는 부분

v-navigation-drawer

도 알려주십니다.

v-container 도 중요하군요
화면 크기에 따라 적당히 작아지고 중앙에 모이는 효과도 있습니다.

 

영상: https://www.youtube.com/watch?v=InuKrcuByWI 

 

 

breakpoint 설명

영상: https://www.youtube.com/watch?v=7sKpBB-pC2w 

 

BreakPoint 는 화면의 크기를 가져오는거 같습니다. 이걸 제어하면 브라우저 크기에따라 반응하는 반응형 웹을 만들 수 있구요

영상내용중에 v-dialog 를 설명하는데 팝업창 만드는건데 유용하군요