CodeHoon

안녕하세요 상훈입니다.

그간 자주 npm run dev / npm run 에러가 발생하였었는데, 오늘에서야 진짜 이유를 알았습니다.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

일단 에러 해결부터

npm i -g npm@latest

바로 npm의 최신 버전 설치였습니다.

제가 얼마전에 npm 설치를 했었기에 막연하게 최신버전이겠거니 해서 신경 자체를 안썼습니다.

그러나 오늘 알게되었습니다...... 후.... 깊은 brain crack이 찾아오네요 ㅎㅎ

화이팅입니다.

참고

안녕하세요 상훈입니다.

npm install 명령어를 통해서 npm 프로젝트를 업데이트 및 설치를 하는데 갑자기

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1 
npm ERR! Failed at the node-sass@4.13.1 postinstall script.

에러가 발생하였습니다.

해당 에러는 

node.js의 버전일치로 해결이 가능합니다.

참고

안녕하세요 상훈입니다.

Vue.js 3 의 예제를 찾고 계시는 분들을 위한 Vue3 예제 강의 약 11편이 준비되어있습니다.

vue3 공식 페이지에도 게재되어있으니 안심하시고 들어가셔도 됩니다. 

기본적인 vue의 문법들( if, else, components, props 등)을 모두 가르쳐줍니다.

짧고 유용한 강의 추천드립니다.

뷰 강의 들으러 가기

안녕하세요 상훈입니다.

Vue.js 3 혹은 2를 사용하시는데 갑자기 

Vue.createApp is not working but Is working with new Vue() method

이러한 에러가 떴다면, 사용하려는 script cdn 혹은 설치하신 vue 라이브러리가 Vue 2를 의미합니다.

그렇기 때문에 Vue 3 로 변경을 해주어야합니다.

개발 모드 혹은 공부하실 때 사용하시면 되는 cdn 주소입니다.

<script src="https://unpkg.com/vue@next"></script>

이걸로 복사하셔도 무방하구요!

참고

안녕하세요 상훈입니다.

매번 검색해서 복붙하기가 너무 귀찮아 포스팅합니다.

<script src="https://unpkg.com/vue@next"></script>

Vue.js 3

귀여운 고양이 교배 성공,,

처음 데려온 고양이는 진짜 하얗고 오드아이에 이뻐서 애지중지하고있었는데,

어느 날 홀연히 나타난 미친 마녀가 무자비하게 던진 포션에 맞아서 내 옆에 있다가 죽어버림... ㅠㅠ

그러다가 주변에서 우연찮게 바둑이 고양이 꼬셔서 있다가 오늘에서야 치즈냥이 또 새로 찾아서 꼬시고 교배시켰다.

아기고양이는 치즈냥~~

교배 방법 : 날생선을 고양이에게 주면 알아서 교배하여 번식한다. (실내에서 하는 것이 유력해보임) 

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent) is not a function at Module../node_modules/@fortawesome/vue-fontawesome/index.es.js (app.js:9861) at __webpack_require__ (app.js:42680) at Module../resources/js/app.js (app.js:12207) at __webpack_require__ (app.js:42680) at app.js:42845 at Function.__webpack_require__.O (app.js:42717) at app.js:42847 at app.js:42849

또 에러 나옴

멍미 이거

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent) is not a function
    at Module../node_modules/@fortawesome/vue-fontawesome/index.es.js (app.js:9861)
    at __webpack_require__ (app.js:42680)
    at Module../resources/js/app.js (app.js:12207)
    at __webpack_require__ (app.js:42680)
    at app.js:42845
    at Function.__webpack_require__.O (app.js:42717)
    at app.js:42847
    at app.js:42849

https://shouts.dev/laravel-spa-with-vue3-auth-crud-example

안녕하세요 상훈입니다.

오랜만에 라라벨을 하고있는데, 해당 내용을 자꾸 까먹어서 포스팅해놓습니다.

!!!!!!!!!!!!!!!!!!!!!!!!

php artisan serve

!!!!!!!!!!!!!!!!!!!!!!!!

안녕하세요 상훈입니다.

Laravel module 에러로 npm run 이 안되는 에러가 발생하였습니다.

이런 예시로 에러가 발생하였고,

추가적으로 ELIFECYCLE에러가 지속적으로 발생하였습니다.

구글링을 열심히 하던 와중

해결하게되었습니다.

$ npm install vue-template-compiler vue-loader@^15.9.5 --save-dev --legacy-peer-deps

// 다운로드 완료 후
$ npm run watch

이상입니다.

해당 에러의 원인은 vue3 와 laravel8의 에러라고하는데, 지속적으로 발생하더군요..

webpack.mix.js 에 해당하는 내용으로

.vue() 를 추가해주었습니다. 이게 vue2와 vue3의 차이라고합니다.

왤까.....나는 말하는 감자다

해당 포스팅에서 내용을 확인하였습니다.

안녕하세요 상훈입니다.

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줄이 뜰테고,
이전에 하지 않았다면 적용되지 않았던 모든 테이블들이 생성되었을 것입니다.

안녕하세요 상훈입니다.

Mysql에서 계정을 생성하고, 데이터베이스를 생성하여 권한을 할당하는 방법을 포스팅하겠습니다.

(오랜만에 사용하게되면 잊기 쉬움)

시작하기 전에 mysql를 동작시키는 것을 잊지 마세요.

1. 계정 생성하는 방법

$ create user '사용자명' identified by '비밀번호' ;

 - 이렇게 생성한다면 계정은 '사용자명'@'%' 의 계정으로 생성됩니다.

예시)

   - 확인 하는 방법 ( mysql 데이터베이스에 접속하여 유저 계정을 확인 )

  $ use mysql
  $ select host, user, password from user ;

2. 데이터베이스 생성하는 방법

$ create database '데이터베이스명' ;

예시)

3. 해당 데이터베이스에 계정의 권한 할당하는 방법

$ grant  all  privileges  on  데이터베이스명.*  to  '계정명'@'%' ;

예시)

이상입니다.