[laravel] breeze @vite 노출 오류

@vite(['resources/css/app.css', 'resources/js/app.js'])화면에 그대로 노출되는 경우, laravel/framework 버전과 php 버전에 맞는 laravel/breeze 버전을 설치했는지 확인한 후 재설치해준다. 현재 내 버전 php: ^7.3|^8.0 laravel/framework : 8.75 laravel/breeze : 1.8 # 재설치 composer update laravel/breeze:1.8 # wsl 환경일때 sail // 아닐경우 php sail artisan breeze:install sail npm i && sail npm run dev

  • format_list_bulleted BACK/PHP
  • · 2024. 1. 16.
  • textsms
[laravel] sail 로 xdebug 설정

[laravel] sail 로 xdebug 설정

#참고:각 모듈별 버전 - 글 작성 당시 기준 PHP: 8.1.2 Laravel : Docker Sail 사용 laravelsail/php81-composer Node / NPM : 18.19.0 / 10.2.3 xdebug : 3.1

  • format_list_bulleted BACK/PHP
  • · 2024. 1. 14.
  • textsms

[laravel] wsl sail 사용 개발 시 PHP 버전 오류

wsl 환경 구축 후 신규 패키지 (ex: laravel/breeze) 설치 후 php artisan migrate 시 버전이 안맞는다는 메시지가 뜸 Your composer ~~ php version ~~~어차피 스타터킷 테스트이니 버전을 달리해서 설치하면 됨 1) curl -s https://laravel.build/ex9 > test.sh다운받아 test.sh 파일을 열고 laravelsail/php버전-composer 을 설치된 php 버전에 맞게 수정한다 2) bash ./test.sh3) php artisan servehttp://127.0.0.1/ docker 실행 및 확인 4) 이제 스타터킷 설치 composer require laravel/breeze:버전 --dev개인적으론 https:..

  • format_list_bulleted BACK/PHP
  • · 2024. 1. 12.
  • textsms
[웹사이트 최적화] 사용하지 않는 스크립트 코드 없애기

[웹사이트 최적화] 사용하지 않는 스크립트 코드 없애기

신규 사이트를 vue.js 로 개발했다. 서버 개발자로서 jQuery만 사용하다가 프론트 프레임워크를 사용해보니, 자바스크립트가 이렇게 어려운 언어?였나?? 오오 빌드되고 있어!! 이런 나날들이다. 어느 덧, 오픈 시점이 다가온 지금.. 구글 광고를 붙이기 전에 LightHouse 를 통해 점수를 확인해보았다. 스크립트 내용 중에 얼마나 사용하지 않는 것일까? 다행히도 구글에서 사용하지 않는 script나 css는 체크해주는 coverage 툴을 안내해줬다. 게다가 따로 설치할 필요없었다. 개발자 툴에서 메뉴(:) > more tool > coverage 선택 후 새로고침하면 된다. 해당 소스를 클릭하면 이런 기능이 있었다니.. 👀😲 해결 나의 경우에는 element-ui 전체 모듈을 갖다 써서 저런 문..

  • format_list_bulleted FRONT
  • · 2021. 1. 22.
  • textsms

[node] request / http 가져올때 reponse body 깨짐 오류

1. 현상 request / http 로 외부 api 통신 시 응답 값 body 등 text 깨짐 오류 { body: '\u001f�\b\u0000\u0000\u0000\u0000\u0000...' } 2. 수정 본인은 request 를 사용하고 있어서 request option 값에 추가 const request = require('request') const util = require('util') const requestPromise = util.promisify(request) options.headers = { 'Accept-Encoding': 'gzip', // 추가 'Content-Type': 'application/json;charset=UTF-8', 'gzip': true, ...opti..

  • format_list_bulleted FRONT
  • · 2021. 1. 4.
  • textsms

[vue-cli] html 컴파일에 캐쉬 기능 (Hash) 넣기

vue cli 에서 파일 이름에 hash 기능을 이용해 캐쉬 제어할 수 있다. 방법 방법은 두가지가 있음 1. filenameHashing : cli.vuejs.org/config/#filenamehashing 2. Plugin 에 hash 추가 : github.com/jantimon/html-webpack-plugin#options 차이점 이 두가지의 차이점은 1번은 파일명에 hash 를 넣어서 생성한다는 점 ex) app.css -> app.[hash].css 로 생성 2번은 HTML에 css, js 끝에 hash를 넣어서 생성하기 때문에 파일은 그대로 생성된다는 점 ex) HTML 파일안에 -> 사용법 1번 // vue.config.js module.exports = { filenameHashing..

  • format_list_bulleted FRONT
  • · 2020. 11. 27.
  • textsms