Vue (2) 썸네일형 리스트형 [Vue] DataTable 사용하기 Vue를 활용하여 표를 그려야하는 경우가 많은데, 오늘 포스팅에서는 Vuetify에서 제공하는 DataTable 컴포넌트를 사용하는 방법에 대해서 알아보자.1. Vuetify 설치Vuetify는 Vue.js를 위한 Material Design 컴포넌트 프레임워크로, 다양한 UI 컴포넌트를 제공한다. DataTable 컴포넌트도 그 중 하나다. 설치 방법은 2가지다. 1. npm을 이용한 설치npm install vuetify 2. Vue 프로젝트에 Vuetify 추가Vue CLI로 생성된 프로젝트의 경우, Vuetify를 쉽게 추가할 수 있다.vue add vuetify 2. DataTable 기본 사용법Vuetify가 설치된 후, DataTable 컴포넌트를 사용하여 데이터를 표 형식으로 표시할 수 .. [Vue] 인텔리제이 Vue 프로젝트 생성하기 요즘은 BackEnd와 FrontEnd 프로젝트를 구분해서 작업하는 경우가 일반적이다. JavaScript 프레임워크 중 하나인 Vue.js프로젝트를 생성하는 방법에 대해 포스팅하고자 한다. IntelliJ IDEA에서 Vue.js 프로젝트 생성하기IntelliJ IDEA를 열어준다IntelliJ IDEA를 실행한다.새 프로젝트를 생성해준다초기 화면에서 "Create New Project"를 클릭해준다.프로젝트 유형을 선택해준다왼쪽 메뉴에서 "JavaScript"를 선택한 후, "Vue.js" 옵션을 선택해준다. 이 옵션이 보이지 않으면 "Node.js"를 선택하고 Vue.js를 설치하고 설정해준다.프로젝트 설정을 해준다프로젝트 이름: 프로젝트의 이름을 입력해준다.프로젝트 위치: 프로젝트를 저장할 디렉토.. 이전 1 다음
