그냥 사는 이야기

SPA에서는 sub path에 대한 관리를 별도로 해줘야 합니다. 말그대로 single page 이므로 이후의 page란 없는 것 입니다. 이를 위해 vue 에서는 vue-router를 사용합니다. router 내용 선언 vue-router가 SPA에서 다른 경로의 component를 가르키는 기본 형태는 아래와 같습니다. router/index.js { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => i..

vue-cli를 연습하는 과정에서 console.log() 를 사용하려고 하는데 아래와 같은 경우가 발생하였습니다. error: Unexpected console statement (no-console) 어떤 상황인가? 아래처럼 vue 파일에서 변수값을 살펴보기 위해 console을 프로젝트 내에선 처음 사용해보았는데.... 여기에 관해서는 disallow the use of console (no-console)문서에서 보면 기본적으로 console이 허용하지 않는다고 되어 있습니다. 내가 ESLint를 사용 중인것인가? 그냥 문법체크 아닌가? 등등 고민이 있지만 여튼 난 이걸 넘어가야 하므로 임시적으로 허용 /* eslint-disable no-console */ console.log("route", ..

import 'babel-polyfill' vue에서 vuetify2를 적용해보는 중이었습니다. vuetify가 2로 넘어오면서 변경된 것들이 몇몇 있어 보였고 이를 일부 수정해본 후 internet explorer와 Edge에서 살펴보니 화면이 보이지 않았습니다. 원인은 javascript가 동작하지 않는 것들이 있었습니다. 이를 수정하기 위해 vuetify 공식문서를 살펴보았고 Browser Support를 살펴보았습니다. 가이드에서 알려준 순서대로 적용을 해보았는데 되질 않았습니다. 적용순서 $ yarn add babel-polyfill main.js 에서 아래를 추가하고 import 'babel-polyfill' $ yarn add @babel/preset-env -D babel.config.js..

Edit & Delete resources/views/admin/posts/edit.blade.php @extends('layouts.dashbord') @section('content') Update Post Title Description Thumbnail @if(!old('body')) {!! $post->body !!} @endif {!! old('body') !!} @if($post->active == '1') @else @endif Delete @endsection App/Http/Controllers/Auth/PostController public function edit(Request $request, $slug) { public function edit(Request $request, $..

Create, Store Post 생성 App/Http/Controllers/Auth/PostController public function create(Request $request) { // if user can post i.e. user is admin or author if ($request->user()->can_post()) { return view('admin/posts/create'); } else { return redirect('/')->withErrors('You have not sufficient permissions for writing post'); } } public function store(Request $request) { $post = new Post(); $post->..

Admin PostController Admin dashboard 에서 사용할 PostController를 별도로 만든다. 기존의 PostController와 이름이 같기 때문에 Auth 디렉토리 밑으로 생성한다. php artisan make:controller Auth/PostController --resource App/Http/Controllers/Auth/PostController use App\Post; use App\User; class PostController extends Controller { public function index(Request $request) { $search = $request->get('search'); $posts = Post::where('title', '..

Bootstrap 적용 Dashboard template 의 소스를 구해서 적용해본다. View 추가 resources/views/layouts/dashboard.blade.php Toggle navigation @if (Auth::guest()) Members Login Register @else {{ Auth::user()->name }} Logout {{ csrf_field() }} @endif Overview (current) All Posts Drafts Comments Label User Profile @yield('content') resources/views/admin/index.blade.php @extends('layouts.dashboard') @section('content') Da..

Bootstrap 적용 Clean Blog theme 를 down 받는다. 그래서 모든 폴더(css, img, js, less, mail, vendor)를 public 밑으로 복사해 둔다. View 추가 resources/views/layouts/app.blade.php Toggle navigation Menu Study Home About Sample Post Contact @if (Auth::guest()) Members Login Register @else {{ Auth::user()->name }} Logout {{ csrf_field() }} @endif @yield('content') resources/views/auth/login.blade.php, register.blade.php @ext..