양군의 행복한 이야기

목차 목차 vite로 프로젝트 생성 firebase 설정 project firebase 설치 및 설정 사용법 vite로 프로젝트 생성 npm create vite@latest 입력 project name : XXXXX 엔터 project firebase 설치 및 설정 src/config/firebase_config.js 생성 firebase 설정중 8번 항목을 복사 const firebase_config = { apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", authDomain: "XXXXX.firebaseapp.com", projectId: "pay-plan", storageBucket: "pay-plan.appspot.com", messagingSenderId: "XXX..

프로젝트 생성 npm create vite@latest Project name : 프로젝터 네임 입력 vue 선택 vue 선택 cd 프로젝트 이름 npm i bootstrap 설치 npm i bootstrap @popperjs/core main.js 수정 import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css' createApp(App).mount('#app') 위에 추가 실행 npm run dev

참고로 warning: LF will be replaced by CRLF in 오류가 나는경우 윈도우와 유닉스간 개행 문자가 달라서 나는 오류 이다. 유닉스는 CRLF will be replaced by LF in git config --global core.autocrlf true 또는 git config core.autocrlf true 입력 입력 하면 윈도우와 유닉스간 개행 문자를 자동으로 알아서 변환해 준다.

npm create vite@latest

v-if ref 사용시 초기 로딩이 되어 있지 않으면 ref값을 사용 할수 없다 const reft1 = ref{null) const ref2 = ref(null) reft1은 input 객체를 가지고 있다. reft2는 null을 가지고 있다. v-if 대신 v-show를 사용하여 처리 하였다.

git hub push 시 발생 한다. fatal: couldn't find remote ref main 원인은 git hub 저장소가 master에서 main으로 변경되었기 때문이다. 터미널에서 git push origin main 을 한번 입력 해주면 다음부턴 잘된다.

개발툴 VSCODE 개발 환경 Windows 10 참조 https://d3js.org/ D3.js - Data-Driven Documents D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS. d3js.org vscode를 설치한다. 추가 익스텐션으로 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 를 설치한다. 결과를 저장 후 바로 보여준다. d3js.org 사이트에서 d3js 라이브러리를 다운로드한다 파일 안에 package/dist/d3.js 파일을 해지한다. 원하는 디렉터리에 d3.js파일을 푼다. vscode를 실행하여 위의 디렉터리를..

Node Express에서 Post라우팅시 body가 없는 현상이 있었다. 3일이나 이문제를 해결 하기 위하여 머리를 감싸고 있었다. 검색을 어찌 해야 하는지도 감이 안오고... 결론적으론 body-parser문제 였다. express에서 기본적으로 지원하는 body-parser가 있는데... 여러개를 지정 할 수 있는지 몰랐던것이다. const express = require('express'); const app = express(); app.use(express.json());