1. {{ greeting }} 데이터를 출력해보자 Example Component {{ greeting }}...
laravelbnb
38LARAVEL on 20-02-28
1. welcome.blade.php 스타일을 추가한다.app.css 파일이 정상적으로 호출되었다.2. sass/app.scss 사용자정의 스타일을 정의 할 수 있다.3. 컴파일될 파일과 컴파일 완료된 파일 경로가 정의되어있다.4. index.vue...
1. index.vue 에 라우터 링크를 등록한다. Home Second export default {}개발자도구에서 Routing를 확인할 수 있다.path 와 name값으로 라우터링크 처리 둘다 동일하게 작동된다. Ho...
1. components 컴포넌트파일을 추가한다.2. app.js 에 Vuv인스턴스 추가Vue.component('example-2', require("./components/Example2.vue").default);3. routes.js 에 path와 components를 정의한다.import VueRoute...
1. vue-router 설치해준다.1npm install vue-routercs2. resources/js/routes.js 파일을 생성한다.3. routes.js 에 Path와 Component를 정의한다.import ExampleComponent from "./components/ExampleComponent.vue"...
현재 라우트라우트정의가 없는 주소는 404에러가 호출된다.1. 단일 라우트 설정Route::get('/{any?}', function () { return view('welcome');})->where('any', '^(?!api\/)[\/\w\.-]*');페이지를 새로고침하면...
1. 라라벨 설치 v6.2composer create-project --prefer-dist laravel/laravel laravelbnb2. https://laravel.com/docs/6.x/frontendlaravel에서 제공하는 Boostrap 및 Vue 스캐 폴딩은 Composer 패키지에 있으며 Com...
Add New Task id Name Body {{index + 1}} {{task.name}} {{task.body}} Edit...
laravel vue crud
38LARAVEL on 20-02-27
1. 알림 패키지설치1npm install toastrcs2. resources/js/bootstrap.js 에 다음을 추가한다.window.toastr = require('toastr');resources/sass/app.scss 에 다음을 추가한다.@import '~toastr/toastr.scss';3. 토...
1. 공개폴더(public)에 images/loder1.gif 파일을 넣는다.2. 이미지를 삽입하고 flase3. 로더가 적용될 메서드에 ture 작성한다.4. 템플릿안에 보일 위치에 image 바인딩을 한다. 5. 확인6. 수정...
