vscode

vscode.api.view.setup

javackr 2025. 2. 4. 09:36


php 8.3 압축풀기 윈도우용 설치
php.ini => extension {zip, fileinfo, pdo_mysql, openssl, mbstring, intl, curl} 주석 풀기
composer + node.js 윈도우용 설치

===============laravel api backend=====================
composer create-project laravel/laravel backend => 설치
cd backend => 폴더이동
.env => DB저장

php artisan migrate => DB 마이그레이션
php artisan serve => 서비스 시작
php artisan db:seed => 시더 실행

php artisan storage:link => 스토리지공유
http://domain.com/storage/filename => 웹주소

composer require tymon/jwt-auth

php artisan install:api => API설치

http://localhost:8000/ => 확인
===============laravel api backend=====================

===============node express backend===================
npm install -g express@latest => 전역설치
npm install -g express-generator@latest => 전역설치

express backend --view=ejs => 설치
cd backend => 폴더이동
npm install => 설치
set DEBUG=backend:* => 설정
npm start => 서비스 시작

npm install -g sequelize sequelize-cli => Sequelize CLI 설치
npx sequelize-cli init => Sequelize 초기화
config, models, migrations, seeders 폴더가 생성
npx sequelize-cli db:migrate => DB 마이그레이션

npm install uuid jsonwebtoken bcryptjs => JWT인증

yarn add express tslib express-formidable express-session dotenv cors cross-env mysql mysql2  => 모듈설치
yarn add body-parser mariadb nodemon memorystore morgan cors multer socket.io fs express-fileupload async moment

moment().format("YYYY/MM/DD hh:mm:ss");  // 2022/01/04 02:22:01
http://localhost:3000/ => 확인
===============node express backend===================

==================react frontend=====================
npx create-react-app frontend => 설치
cd frontend => 폴더이동
npm run build => 빌드
npm start => 서비스 시작

npm install cross-env bootstrap formik react-bootstrap react-hook-form styled-components 
npm install web-vitals yup react-router-dom axios => 모듈 설치

http://localhost:3001/ => 확인
==================react frontend=====================

==================vite* frontend=====================
npm create vite@latest frontend -- --template react => 설치 (react 선택 )
cd frontend => 폴더이동
npm install => 설치
npm run build => 빌드
npm run dev => 서비스 시작

npm install cross-env bootstrap formik react-bootstrap react-hook-form styled-components 
npm install web-vitals yup react-router-dom axios => 모듈 설치

http://localhost:5173/ => 확인
==================vite* frontend=====================

==================next frontend=====================
npx create-next-app@latest . => 설치
npm run build => 빌드
npm run dev => 개발모드 시작
npm run start => 서비스 시작

mkdir -p app/about; New-Item app/about/page.js => 라우터 생성

npm install mariadb mysql2
==================next frontend=====================