개요가난한 개발자는 무료 서버를 사용할 수 밖에 없고 8,000km나 떨어진 서버를 사용하는 사이트에 접속하면 속도는 끔찍한 경우가 대부분이다.특히나 메인페이지에 접속할때마다 자체 이미지 호스팅 서버에서 수많은 이미지를 불러오고, db 서버에서 복잡한 조회 쿼리를 실행하는 내 사이트의 속도는 최악 중의 최악에 치달았다.이를 해결하기 위해 방법을 찾아보다 CDN 서비스라는 것을 알게 되었고, 그 중에 전세계 1등 CDN 서비스 회사인 Cloudflare를 사용하게 되었다.DNS 설정을 하고, 처음보는 서비스가 신기해 이것저것 설정을 해본 후 속도가 얼마나 빨라졌나 기대를 하며 내 사이트에 접속을 하는데! 이게 뭐람? 정상적이던 내 사이트가 갑자기 접속이 안 되기 시작했다.ERR_SSL_PROTOCOL_ER..

필요한 선행 작업php 설치composer 설치npm 설치1. 프로젝트 생성composer create-project --prefer-dist laravel/laravel:^8 my-laravel-project # laravel 프로젝트 생성cd my-laravel-project # 프로젝트로 이동composer require laravel/ui # ui 설정 패키지 설치php artisan ui vue # vue를 기본 프론트엔드 설정2. laravel 서버 실행php artisan serve3. 정상 작동 확인http://127.0.0.1:8000/4. vue 실행npm install && npm run dev # npm 설치 및 최초 webpack 컴파일npm run watch # vue 변경사항 ..

cors 라이브러리 설치npm install corscors 라이브러리 사용// index.jsconst express = require('express')const app = express()const port = 3000const cors = require('cors')app.use(cors());app.get('/', (req, res) => { res.send('Hello World!')})app.listen(port, () => { console.log(`Example app listening on port ${port}`)})

개요express 개발 세팅을 하던 중 핫리로드 기능을 추가하려 했는데 최신 글은 없는 것 같아 포스팅하게 되었다.spring에 비해 express는 확실히 자료가 너무 적어 매번 애를 먹는 것 같다...핫리로드 기능 패키지는 nodemon을 사용했다.핫빌드 / 핫리로드란?핫빌드 (Hot Build): 코드 변경 시 전체 애플리케이션을 다시 빌드하여 반영. 주로 백엔드 또는 빌드 도구에서 사용.핫리로딩 (Hot Reloading): 코드 변경 시 변경된 부분만 즉시 반영. 주로 프론트엔드 개발에서 사용하며, 애플리케이션 상태가 유지됨.내가 작업한 부분은 핫리로드다.하지만 제목에 핫빌드도 써두어야 검색 유입이 늘어날 것 같아 핫빌드도 써두었다. ㅎㅎ ^^프로젝트 디렉토리 구조project├── docker..