CodeHoon

Vue.js 에서 Bootstrap을 사용하고 싶을 때 cdn을 이용하는 방법 이외에 npm, yarn 등을 이용해서 직접설치를 한다.

그래서 나온 것이 BootstrapVue 이다.

# With npm
$ npm install vue bootstrap bootstrap-vue

# With yarn
$ yarn add vue bootstrap bootstrap-vue

이곳이 링크이다. 참고 바람

◆ Vue.js 3 에서는 아직 적용이 안되니 주의 바랍니다 ◆

Vue.js 3 + bootstrap이 되지 않아 Vuetify를 설치하려고 하였다. 그러나,,,

Vue.js 3 - Vuetify 를 설치하던 와중 에러 발생.

Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists.
    at Collection.get (/usr/local/lib/node_modules/@vue/cli/node_modules/jscodeshift/src/Collection.js:213:13)
    at injectOptions (/usr/local/lib/node_modules/@vue/cli/lib/util/codemods/injectOptions.js:15:6)
    at runTransformation (/usr/local/lib/node_modules/@vue/cli/node_modules/vue-codemod/dist/src/runTransformation.js:60:17)
    at /usr/local/lib/node_modules/@vue/cli/lib/Generator.js:290:23
    at Array.forEach (<anonymous>)
    at Generator.resolveFiles (/usr/local/lib/node_modules/@vue/cli/lib/Generator.js:276:24)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Generator.generate (/usr/local/lib/node_modules/@vue/cli/lib/Generator.js:175:5)
    at async runGenerator (/usr/local/lib/node_modules/@vue/cli/lib/invoke.js:111:3)
    at async invoke (/usr/local/lib/node_modules/@vue/cli/lib/invoke.js:92:3)

이렇게 또 에러가 발생하였다.

에러 원인 : "아직 지원을 하지 않는다?"

예. 또 지원을 안합니다. (vue3 어따가 써먹냐)

다운그레이드(down grade)를 하던가 다른 css framework를 사용하던가 해야하는데, 뭐가 남았을까용?

tailwind는 되나 실행해보러 갑니다.

안녕하세요 상훈입니다.

PHP 라라벨 프레임워크(Laravel Framework)에서 마이그레이션을 생성하고,
이를 적용하는 방법을 포스팅하겠습니다.

1. migration 생성

 - 마이그레이션을 생성하는 방법은 다양합니다. 그 중에서 make:model을 통해 model에 해당하는 마이그레이션을 생성하도록 하겠습니다.

// make: ** 커맨드를 이용한 마이그레이션 생성
$ php artisan make:model '마이그레이션 명' -m

2. migration  내용 작성

 - 이 또한 본인의 입맛에 맞게 설정하면 되는데요,
  저는 todo list 를 만들고 있기에 해당하는 내용만 간략하게 작성하도록 하겠습니다.

 // up 부분에만 해당하는 코드를 수정하도록 하겠습니다.
 public function up()
    {
        Schema::create('items', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->boolean('completed')->default(false);
            $table->timestamp('completed_at')->nullable();
            $table->timestamps();
        });
    }

3. migrate 하기

$ php artisan migrate

본인이 이전에 migrate 를 했다면 단 2줄이 뜰테고,
이전에 하지 않았다면 적용되지 않았던 모든 테이블들이 생성되었을 것입니다.