OS : 윈도우node : v20.11.0npm : 10.9.1 폴더 생성 및 npm 초기화# 폴더생성mkdir my-express-app# npm 초기화 (package.json 생성)npm init 필수 패키지 설치npm install express dotenv cors mysql2 nodemonexpress : 백엔드 프레임워크dotenv : 환경변수 관리 (.env 파일 사용)cors : cors 설정(프론트엔드와의 통신 허용)mysql2 (mysqldb 연결 및 쿼리 실행)nodemon (코드 변경 시 서버 재시작) 프로젝트 구조# chatgpt 참조my-express-app/│── node_modules/│── src/│ ├── config/ # DB 설정 폴더│ │ ..

1. laravel 설치- 웹폴더 경로로 이동하여 아래 명령어 실행# 라라벨 프로젝트 생성composer create-project laravel/laravel inertia_buchet_laravel 2. laravel/breeze 설치 진행# 명령어 실행 후 선택사항 선택하고 진행composer require laravel/breeze --dev- 저는 아래와 같이 선택하였습니다.1. React Inertia2. 추가 선택 사항(필수 아님)  - DarkMode 사용여부  - Inertia SSR(서버 사이드 렌더링) - SEO를 위함  - ESLint with Prettier - 코드 스타일을 강제하는 ESLint + Prettier 설정3. PHP Test Framework : PEST  - PH..

보호되어 있는 글입니다.

flowbite 는 website ui component 을 쉽게 구축할 수 있도록 도와주는 tailwindcss 기반 프레임워크입니다.jsx, 마크업을 빠르게 구현할 때 큰 도움이 됩니다. flowbite는 다양한 언어 및 프레임워크를 지원합니다. (laravel, vue, svelte, django, react 등) react 환경에서도 사용이 가능한대 아래 설명은 react 환경에서 flowbite 를 사용하기 위한 설치 및 사용방법입니다. react 프로젝트 생성 및 설치, 그리고 실행- 명령프롬포트(cmd)창에서 내가 원하는 위치에 폴더 생성 - 생성 한 폴더로 cd {생성한 폴더} 로 이동하여 code 실행하여 vscode 실행 (설치 편의를 위함)- vscode 내에서 터미널을 실행하여 명령..

ubuntu 설치 docker-desktop 설치 및 wsl intergration 설정 진행 - settings > resourses > wsl intergration > 활성화 할 wsl 서버명을 선택 curl -s https://laravel.build/buchet_laravel | bash ./vendor/bin/sail up -d ./vendor/bin/sail artisan migrate ./vendor/bin/sail down 테이블 생성문 파일 생성 : ./vendor/bin/sail artisan make:migration create_lists_table실제 db에 테이블 생성 : ./vendor/bin/sail artisan migrate 더미데이터 넣기 - seeders실행명령어 :..

1. editor.rulers- vscode의 setting.json에 "editor.rulers":[110] dmf cnrkgkaus vscode 에 실선이 생김 (110자까지 작성할 수 있도록 가이드를 해줌) 2. vscode 확장 프로그램- annotator : git diff 관련 확장프로그램- project manager : 프로젝트별 폴더 관리- gitlens : git commit 메시지 등을 쉽게 확인할 수 있음- auto close tag : tag 자동 닫기 처리- auto rename tage : tag 자동으로 이름 바꿔줌- github copilot & copilot chat : copilot ai fair 프로그램- indent-rainbow : 들여쓰기 관련 프로그램 (들여쓰기..