Tempo Di Valse

Laravel 에서는 Vue-cli 가 설치 되어있지 않기 때문에 npm 을 통하여 필요한 Dependency 를 설치해주어야 된다. 설치하는 방법은 자음의 공식 사이트에서 Webpack 설치에 대해 확인하도록 한다. Vuetify — A Material Design Framework for Vue.js vuetifyjs.com 설치를 하게 되고 나서 Vuetify 를 Vue 에 적용하고자 할 때, 다음 2가지의 방법이 있다. 프레임워크 전체를 Import 시키는 경우 내가 프로젝트 내에서 필요한 Vuetify 컴포넌트 들만 Import 시키는 경우 (Vuetify-loader) 를 사용하는경우 인데, 여기서 전자의 경우에는 너무나도 쉽게 공식홈페이지 문서에 나와있는 대로 입력하면 바로 실행을 할 수 있..

Laravel 에는 Vue 를 올려서 사용할 수 있도록 composer 를 통해서 지원해주고 있다. Webpack 은 물론, Vue 환경에서 개발에 필요한 라이브러리들을 import 시켜주고있어 Laravel 환경에서 참 편하게 개발하고 있다. 여기서 소개할 내용은 Laravel 의 가상 로컬 호스트 패키지인 Valet 환경에 BrowserSync 를 적용하여 Vue 작업과 관련된 소스에서 변경이 일어나면 브라우저에 바로 반영을 시키는 그런 방법을 소개 하도록 하겠다. 일단, laravel/ui 를 통해 Vue 가 적용된 Laravel 환경이 프로젝트에 설치가 되어있어야 한다. 가장 먼저 할 일은 webpack.mix.js 파일을 찾아 browserSync 항목을 추가한다. 아무 것도 설정하지 않은 빈 ..