Maxima's Lab

안녕하세요, 오늘은 Vue.js를 위한 UI Component 라이브러리인 PrimeVue를 사용하는 방법에 대해서 알아보겠습니다. PrimeVue를 사용하기 위한 명령어는 다음과 같습니다. npm install primevue npm install primeicons 위의 명령어를 통해 라이브러리를 설치 후 main.js 파일을 다음과 같이 수정합니다. import { createApp } from 'vue';import App from './App.vue';import PrimeVue from 'primevue/config';import 'primevue/resources/themes/saga-blue/theme.css';     import 'primevue/resources/primevue.min..

안녕하세요, 오늘은 Material Design Icons (MDI) 사용 하는 방법에 대해서 알아보겠습니다. 이를 위해 다음과 같은 명령어를 통해 패키지를 설치합니다. npm install @mdi/jsnpm install @jamescoyle/vue-icon 위의 패키지를 설치 후 Vue Component 내 다음과 같이 사용할 수 있습니다.  위의 코드는 Javascript 관련 코드 입니다. 이를 활용하여, 내부에서 다음과 같이 사용할 수 있습니다.   다양한 Icons 관련 해서는 다음 링크에서 확인 가능합니다.  https://pictogrammers.com/library/mdi/ Material Design Icons - Icon Library - PictogrammersThe origin..

안녕하세요, 오늘은 Vuetify 3을 설치하고 적용하는 방법에 대해서 알아보겠습니다. 먼저, Vue.js 3에 대한 프로젝트를 생성한 상태라고 가정하겠습니다. 이어서, 아래 명령어를 통해 vuetify를 설치합니다. npm install vuetify@next npm i -D vuetify vite-plugin-vuetify npm i @mdi/font 위의 명령어 실행 후 다음과 같은 경로에 파일을 추가해줍니다. (vuetify.js) src/plugins/vuetify.js // src/plugins/vuetify.js import '@mdi/font/css/materialdesignicons.css' import 'vuetify/styles' import { createVuetify } from ..