Frontend

    Vuetify 소스 파일 구조 알아보기

    Vuetify를 프로젝트에 설치하고 생성된 파일 구조에 대해 살펴보도록 하겠습니다. Vuetify를 설치하게 되면 아래와 같이 폴더 경로에 추가로 파일이 생성되어 집니다. 생성된 파일에 대해 알아보겠습니다. -> Vuetify 설치 방법은 아래 포스팅에 설명해두었습니다. https://meongj-devlog.tistory.com/39?category=974794 [Vue.js] vuetify 라이브러리 설치해보기 Vuetify Vue.js 를 위한 vuetify 라이브러리를 설치해보도록 하겠습니다. vuetify는 bootstrap과 비슷하게 사용자에게 보여지는 UI 컴포넌트를 편리하게 디자인 할 수 있도록 제공해주는 라이브러리입니다. meongj-devlog.tistory.com .gitignore ..

    [Vue.js] vuetify 라이브러리 설치해보기

    Vuetify Vue.js 를 위한 vuetify 라이브러리를 설치해보도록 하겠습니다. vuetify는 bootstrap과 비슷하게 사용자에게 보여지는 UI 컴포넌트를 편리하게 디자인 할 수 있도록 제공해주는 라이브러리입니다. https://vuetifyjs.com/en/getting-started/installation/ Get started with Vuetify Get started with Vue and Vuetify in no time. Support for Vue CLI, Webpack, Nuxt and more. vuetifyjs.com 다양한 테마와 버튼, 캘린더, 카드, 다이얼로그 등 의 UI 컴포넌트를 제공하고 있습니다. Vuetify 설치하기 Vuetify를 설치하기 위해 Vue.js..

    Vue.js - 프로젝트 생성 및 개발 서버 확인

    Vue.js 란 ? Frontend 단에서 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 자바스크립트 기반 프레임워크 입니다. react와 Anglular.js 등 과 같은 비슷한 라이브러리들이 있고, 가볍고 빠르게 개발할 수 있다는 장점이 있는 라이브러리 입니다. https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Vue.js 개발 환경 셋팅 vue.js 로 프로젝트를 생성하기 위해 Visual Studio 프로그램으로 진행하였습니다. 터미널 창을 열고 node.js 버전과 npm 패키지 버전, Vue.js의 버전을 확인합니다. node --version np..