# vuetify

56개의 포스트
post-thumbnail

npm 빌드시 CSS 우선순위가 Local 환경과 달라지는 이유 (feat.Vuetify...)

현재 진행중인 프로젝트에서는 Vuetify를 사용하고 있는데, Vuetify 컴포넌트의 디자인을 그대로 사용하기에는 한계가 있으므로 퍼블리싱 작업 단계에서 Vuetify 컴포넌트의 Style을 재정의해야 하는 경우가 다분하게 있다. 그런데 Local환경에서는 CSS가

2022년 11월 21일
·
3개의 댓글
·
post-thumbnail

Vue date-picker를 통한 캘린더 만들기

기존 프로젝트에서는 한 페이지 안에 모든 데이터를 넣다보니 무겁고, 유지보수할 때 찾는게 쉽지 않았다.그래서 신규 프로젝트때는 component화해서 잘 사용했으면 좋겠다는 생각이 들어서 시작되었다. 나의 지옥행이(?)프로젝트에서 페이지마다 형태가 다르기때문에 본인 페

2022년 9월 23일
·
0개의 댓글
·

[Vuejs] Vuetify 를 활용한 Lazy Loading 구현하기

고객 유입량 급증 에 따른 메인 화면 비정상 동작 (대외기관 response를 기다리면서 pending)메인 화면에서는 10개의 rest API를 비동기로 동시에 호출한다. (Was to Web Server)API 비동기 호출을 유지하면서 WAS 커넥션 부하를 방지할

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

[Vue] vuetify 바텀시트 커스텀css (너비조정)

vuetify 커스텀하기..fullscreen 이지만영역 너비를 조정해야 할 때...style에 추가하자너무 빡셌다.. 댕같은

2022년 7월 29일
·
0개의 댓글
·

[vuetify] dataTable 칼럼 숨기기

칼럼 객체에 align: ' d-non'이라고 하면 안보임근데 'd-non'이라고 하면 소용없음

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

CSS 프레임워크

CSS 전처리기는 우리(개발자)에겐 CSS보단 친화적이지만 브라우저가 해석하지 못하는 언어로 작성된 스크립트를 별도 플러그인과 프레임워크를 통해 우리가 아는 CSS로 변환하는데 사용한다. 기존 CSS의 단점인 유지보수의 불편함 등을 보완한다.Sass는 기본적으로 SAS

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

vue - lazy loading

예를들어 어떤 사이트를 접속하여 특정 화면의 기능이나 뷰만 확인하고자 접속하고자 했을 때..해당 사이트이 모든 리소르를 받아와 웹 페이지를 로딩하는것은 상당히 비효율 적이고 비교적 느린 브라우저 로딩에 사용자의 경험에 좋지 않은 인상을 줄 수 있다.Test.vue 컴포

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

vuetify - Multiple-Layouts2

기본 Index.vue를각각 Appbar, Drawer, view로 나눔로그인 / 회원가입상품리스트

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - Multiple-Layouts

레이아웃 구조를 여러개로 만들려고 한다.기존 레이아웃 (앱바, 사이드바, 콘텐츠)은 default로 두고추가 레이아웃은authentication, page로authentication : SignIn.vue, SignUp.vue page : ProductList.vu

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - custom-sass

https://vuetifyjs.com/en/features/sass-variables/https://vuetifyjs.com/en/api/vuetify/$hedings

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - others

이미지 무료사이트https://pixabay.com/ko/https://vuetifyjs.com/en/components/data-tables/https://vuetifyjs.com/en/components/buttons/https:

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - helper

https://vuetifyjs.com/en/styles/spacing/https://vuetifyjs.com/en/styles/display/

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - Colors

https://vuetifyjs.com/en/styles/colors/

2022년 5월 19일
·
0개의 댓글
·

vuetify - Typography

https://vuetifyjs.com/en/styles/text-and-typography/

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

vuetify - layout

2022년 5월 17일
·
0개의 댓글
·
post-thumbnail

vuetify - GridSystem

fruid(props) : 화면 비율에 꽞차게 늘림

2022년 5월 17일
·
0개의 댓글
·
post-thumbnail

Vuetify Components 와 API

Vuetify Components 와 API

2022년 5월 15일
·
0개의 댓글
·
post-thumbnail

Vuetify 시작하기

vue 기반 UI 프레임워크 vuetify 알아보기

2022년 5월 15일
·
0개의 댓글
·

온라인 디지털 메뉴판 프로젝트 후기

https://code-run.tistory.com/132021년 12월은 현재의 회사에 입사하기 전 붕 뜬 시간이 있어 한참 재밌는 게 없나 고민하던 시기였습니다. 그러다 우연히 알게 된 컴퓨터 공학과 동생의 추천으로 스타트업 동아리에서 잠깐 개발을 맡을 기

2022년 5월 10일
·
0개의 댓글
·

vuetify 아이콘

src/plugins/vuetify.jshttps://materialdesignicons.com/여기서 검색해서mdi-뒤에 아이콘 이름 붙이면 됨

2022년 4월 29일
·
0개의 댓글
·