정부 ui
https://www.designdb.com/?menuno=790&bbsno=31373&siteno=15&act=view&ztag=rO0ABXQAOTxjYWxsIHR5cGU9ImJvYXJkIiBubz0iNTkxIiBza2luPSJwaG90b19iYnNfMjAxOSI%2BPC9jYWxsPg%3D%3D#gsc.tab=0

전역 변수 등록

$ 기호

vuex

중앙 저장소 같은 것

나중에 토큰도 여기다가 넣으면 된다.

vuex 설치

npm install vuex
npm install vuex-persistedstate

---

axios는 원래 .vue에서 import 했는데
전역 변수로 만들어서 $axios로 그냥 쓴다.

---

LoginPage.vue

<h1>LOGIN : {{ this.$store.state.mname }}</h1>

.state가 들어가야 로그인된 사용자의 mname이 뜬다.

---

백엔드와 프론트엔드를 합치려면

npm run build ->로 boot 프로젝트 폴더의 static 폴더에 만든다.

그리고 spring boot 프로젝트 jar로 압축
Gradle Tasks - bootJar

남은 거

• nosql = mongoDB
• H2base

jdk 17, ide 전자정부 4.10

---

https://velog.io/@mechauk418/Vue-DRF-Vuex%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0