Vue.js
Vue 포트 변경하기. (로컬 호스트 여러 개 만들기)
Vue 포트 변경하기 package.json 파일 serve,build 부분에 "--port 포트번호" 추가 run serve 시 작동이 안된다면, 디버그 시작 완료
Vue.js
Vue.js
Vue.js + node.js +Mysql | 직원 검색 & 수정 Part3
꾸밈없는 간단한 직원 검색창 + 수정 가능한 창이다. 그리고 간단히 css로 페이지를 내리지않아도 다 확인할 수 있다. 2022-09-25 Vue3 로 진행했다. 아직까지는 Vue3 의 Vuetify가 적용되지 않는 시점이다. Vue 시작한지 한 달이 되지 않았다. 제대로 한 건 이해하는데 일주일, 혼자 만드는데 2주 안되게 걸렸다. 부족함이 많은 것을 알기에, 누군가 본다면 참고만하길 바랍니다. 먼저 하나의 component에 다 몰아서 만들었다. 동작 방법의 큰 틀은 1.프론트엔드로 틀을 만든다. 2.라우터로 App.vue에서 동작시키게한다. ----이건 이전 게시물인 part2에 나와있음------- 3.proxy 설정을 통해 node.js 즉 백엔드에서 동작하게 한다. ---이건 이전 게시물인 p..
Vue.js
Vue.js + node.js + Mysql |데이터 화면에 추출하기(part 2)
1. frontend 추가적으로 cd frontend로 가서 yarn을 설치한다. npm install -g yarn //npm과 yarn은 js패키지인데 js 모듈을 설치할 수 있는 명령어다. yarn을 설치한 것 https://joshua1988.github.io/web-development/vuejs/vuex-start/ Vuex 시작하기 1 - Vuex와 State Vue 중급으로 레벨업 하기. 상태 관리란 무엇인가? Vuex를 이용한 상태 관리. state 소개 joshua1988.github.io cd frontend npm run serve ctrl + c 후 서버를 끄기 y cd.. 2. backend (express) 이후에 내용이 조금 수정이 되었다. 이전에 만들어 두었던 backend..
Vue.js
Vue.js+ node.js +Mysql |개발 환경 세팅하기 part1
Vue.js 로는 웹페이지를 UI UX 및 데이터요청을 싱글페이지 구성을 위해 사용. Express.js는 Oracle,Mysql 같은 DB에 접근하기 위해 사용 Tool > Vscode Vscode 터미널에서 진행 1.Backend 설정 express --ejs backend #express-generator //아래처럼 보안이슈 에러가 있을 수 있다. 그럴 경우에는 `명령어 입력` : set-executionpolicy unrestricted PowerShell 까지 설정 해준 후 다시 vscode 터미널에 express --ejs backend #express-generator //를 입력하면 다시 잘 작동한다. cd backend npm install npm start # 위치는 단락선 2. fr..
