오늘은 Vuetify에 대해 학습하였다. 뷰티파이는 뷰에서 사용할 수 있는 UI 프레임워크의 일종이다. 기본 레이아웃을 만들어 본 모습이다. 처음부터 옆의 화면이 나오지 않아서 애를 먹었는데 vuetify@2.2.x라 교재에 되어있는 부분을 Github 코드를 보고 vuetify@2.x라 고쳐주니 잘 실행되었다. 앱바 부분과 본문, 바닥 글까지의 스타일을 설정해보았다. 바닥글 부분이 스크린 샷에 안나왔네...ㅠ 카드 UI를 만들어보았는데 옆 화면의 스샷처럼 직사각형 영역 안에 요소들을 배치하는 방식이다. 많이 본 것 같으면서도 약간 유행이 지난 스타일인 것 같은 느낌이 든다. 그리드 레이아웃에 대해 살펴보았다. 열의 개수를 다르게 설정함에 따라 화면에 어떻게 출력되는지 알아보았다. 앞으로 많은 시행착오를..
