목록코딩/Vue (4)
보라코딩

vue router 추가 vue 터미널에 입력해서 라우터 설치 npm i vue-router main.js import {createApp} from 'vue' import App from './App.vue' import {createRouter, createWebHistory} from 'vue-router' import Home from "@/pages/Home.vue"; import Login from "@/pages/Login.vue"; const routes = [ {path: '/', component: Home}, {path: '/login', component: Login} ] const router = createRouter({ history: createWebHistory(), rou..

DB 연동하고 JPA로 조회하고 vue 화면 꾸미기 (DB 데이터 받아오고, lib 사용) DB연동 IntelliJ에서 MariaDB 연동 오른쪽에 database 클릭해서 다운받고 연동 인텔리제이에서 마리아db 연동하고 테이블 생성하고 column 생성하고 데이터도 넣고 다 된다! JPA로 데이터 조회 build.gradle dependencies에 내용 추가 dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation 'org.springframework.boot:spring-boot-starter-test' implementation 'org.springframework.boot:s..

intelliJ 사용해서 vue와 springboot 생성해서 REST API로 주고 받는 부분까지 진행 :) 매우 흥미롭다! Vue powershell 에서 뷰 폴더 생성하기 - cd 폴더 위치 - vue create frontend *** 오류 발생하면 cmd 관리자모드로 들어가서 Set-ExecutionPolicy RemoteSigned *** 다시 cmd에서 - cd frontend - npm run serve intelliJ에서 열기 frontend 폴더를 intelliJ에서 열기 터미널에서 npm run serve로 실행되는 것 확인 vue 화면 간단하게 꾸미기 아래 링크 들어가서 index.html파일에 js와 css link 붙여넣기 twitter-bootstrap - Libraries -..
vue 설치 - node.js 최신으로 설치 - VSC 터미널에서 npm install -g @vue/cli VSC extention 설치 - Vetur - html css support - html css support 뷰 프로젝트 생성 - vue create vuestudy - 오류 발생 : workspace\vue공부> vue create vueStudy vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\ge.lee\AppData\Roaming\npm\vue.ps1 파 일을 로드할 수 없습니다. 보안 오류: (:) [], PSSecurityException - 해결 방안 : Powershell 검색 - 우클릭 - 관리자 권한으로 실행한 뒤 Set-ExecutionPolicy U..