CodeHoon

안녕하세요 상훈입니다.

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  '계정명'@'%' ;

예시)

이상입니다.

라라안녕하세요 상훈입니다.

라라벨 - 뷰 연동하는 방법 및  Vue Test Page 출력하는 방법입니다.

안녕하세요 상훈입니다.

Laravel - vue 설치 중에 발생한 에러에 대한 해결방법을 포스팅하겠습니다.

총 2가지 방법으로 진행하도록 하겠습니다.

1. laravel mix 를 삭제하고 재설치.

2. node_modules 와 package_lock.json 을 삭제 후 재설치.

1번째 방법으로 해보시고, 안되시면 2번째 방법으로 진행하시길 바랍니다.

1. laravel mix 를 삭제하고 재설치.

$ npm remove laravel-mix

$ npm install laravel-mix --save-dev

$ npm install cross_env --save-dev

$ npm install && npm run dev

만약 안된다면,

2. node_modules와 package-lock.json 삭제 후 재설치

$ rm -rf ./node_modules

$ rm -rf ./package-lock.json

$ npm install && npm run dev

저는 1번 방법으로 됐을 때도 있고, 2번 방법으로 됐을 때도 있었습니다.

아무래도 다른 프레임워크 2가지를 함께 적용시키려고하다보니 충돌하면서 에러가 발생하는 것 같습니다.

이상으로 LARAVEL - VUE 설치 및 연동의 포스팅을 마치겠습니다.

감사합니다.

안녕하세요 상훈입니다.

1 error and 0 warnings potentially fixable with the `--fix` option.

- npm run serve
- quasar dev

노드를 이용하여 프로젝트를 구동 하던 와중에 해당 에러가 발생하였다.

--fix 옵션을 이용하여 뭘 어떻게 하라는건 알겠는데 node를 잘사용해보지 않은 입장에서는 당황스러울 수 있다.

에러 해결:

./node_modules/.bin/eslint src --fix

이렇게 하면 된다.

그리고 다시 프로젝트 구동!

수고용

저는 vue.js 를 공부중입니다.

quasar 와 함께용.

안녕하세요 상훈입니다.

Vue.js를 설치하였으면 이제 프로젝트를 생성해야합니다. 이때 프로젝트를 간단하게 생성하는 방법을 포스팅하겠습니다.

1. 프로젝트 폴더가 위치하고픈 디렉터리 위치로 이동합니다.

2. vue가 설치되어있는지 확인

 - 커맨드 창에 "vue" 라고만 작성해봅니다. (뷰 명령어를 사용할 수 있는지 확인)

 - 만약 설치가 안되어 해당 명령어는 존재하지 않는다 라는 에러문구가 뜬다면,

   아래의 포스팅↓↓↓으로 이동해주세요.

3. vue 프로젝트 생성

$ vue create 프로젝트명

vue create 프로젝트명을 해주시면

이렇게 나열됩니다. 이중에 Vue3, babel, eslint를 선택해주세요. 

*본인의 버전에 맞게 사용하시면 됩니다. 

설치 결과

친절하게도 웹페이지를 띄울 수 있게 해줍니다.

생성한 프로젝트로 이동하시고, npm run serve를 하면 

웹페이지를 띄우고 localhost:8080 (**로컬호스트 8080포트) 로 접속이 가능하게됩니다.

이상입니다. 감사합니다.

안녕하세요 상훈입니다.

CPU의 클럭에 대해 포스팅하고자 합니다.

클럭이란!

이것 아니고요,

이것도 아닙니다.

농담은 각설하고,

클럭(동작 주파수)은 CPU의 속도를 나타낸다고 보면 됩니다.

클럭은 1초동안 파장이 움직이는 속도 단위라고 생각하시면 됩니다.

연산할 수 있는 데이터 양에 따라 CPU의 속도가 달라지기 때문입니다.

하지만 발열과 전력 소비량의 문제가 있죠.

과거에는 무작정 클럭을 올리는 방법으로 진행하였지만,

현재는 일정 수준의 클럭을 유지하되, Multi-Core, Multi-Thread 와 같이 CPU 성능을 높입니다.