Develop_NOTE

개발환경 Laravel 8 Laravel mix 6 node ver → 12.14 Vue3 1.Laravel 프로젝트 생성 composer create-project --prefer-dist laravel/laravel="8.*" laravel-vue3 2.npm 설치 및 Vue3 해당 종속 항목 설치 npm install npm i vue@next && npm i vue-loader@next -dev 3.Laravel mix 설정 'webpack.mix.js' 파일을 열어서 .vue()를 추가 const mix = require('laravel-mix'); /* |-------------------------------------------------------------------------- | M..

Vue.js 컴포넌트(Component)? 웹앱을 제작할때 재사용 가능한 부분을 독립적으로 구축할 수 있게 해주는 핵심 개념이다. 컴포넌트를 사용하면 작은 부분을 독립적으로 구축하고, 이를 조합하여 큰 웹애플리케이션을 구축 할 수 있다. 컴포넌트 만들고 사용하기 간단하게 3단계로 요약하자면, 1. 컴포넌트 vue 파일 생성 2. 생성된 컴포넌트 vue 파일을 사용 할 vue파일에서 import 3. 생성된 컴포넌트를 사용 할 vue 파일에서 등록해주고 사용 예시를 통해 확인해보자. 'MyBanner'이라는 컴포넌트를 만들어서 App.vue 에서 사용을 하려고 한다. 1. 컴포넌트 vue 파일생성 (MyBanner.vue) // 생성한 컴포넌트 - MyBanner.vue 나의 배너 2. 생성된 컴포넌트 v..