# Mobile Vue

## Install
```bash
npm uninstall -g ionic # uninstall if ionic is installed
npm install -g @ionic/cli@latest # install
npm install --save-dev node-sass sass-loader # Scss Loader
npm install -g @vue/cli # Vue Cli
npm install -g http-server # http server
npm install --save-dev colors # for deploy command
npm install --save-dev iconv-lite # for deploy command
```

## Project Run & Build
```bash
ionic serve # run server
ionic serve -lab # run server for ios and android
ionic build --prod # Build the application for production
ionic build --aot # Perform ahead-of-time compilation for this build
ionic build --minifyjs # Minify JS for this build
ionic build --minifycss # Minify CSS for this build
ionic build --optimizejs # Perform JS optimizations for this build
# change package.json version 
# change vue.config.js version, manifest_version
npm install # if need when change the package
ionic build --prod --minifyjs --minifycss --optimizejs # default origial command
npm run compile # comple source to dist (ts to javascript) 
npm run deploy # copy dist folder to src/main/webapp/mobile. need  npm install -g colors , npm install -g iconv-lite

```
## Push Test
in Dev Tool -> Application -> Service Workers
```json
{"notification" : {"title":"제목", "body" : "내용이 옵니다.", "image" : "http://localhost:8100/test/img/icons/icon-messages-81x60.png"}}
```

## VSCode Extension
* Name: Beautify css/sass/scss/less
* Id: michelemelluso.code-beautifier
* Description: Beautify css, sass and less code (extension for Visual Studio Code)
* Version: 2.3.3
* Publisher: michelemelluso
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier
* 
* Name: Comments in Typescript
* Id: salbert.comment-ts
* Description: Generates JSDoc comments in TypeScript files.
* Version: 1.0.21
* Publisher: s.albert
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=salbert.comment-ts
* 
* Name: Git Graph
* Id: mhutchie.git-graph
* Description: View a Git Graph of your repository, and perform Git actions from the graph.
* Version: 1.30.0
* Publisher: mhutchie
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
* 
* Name: Prettier - Code formatter
* Id: esbenp.prettier-vscode
* Description: Code formatter using prettier
* Version: 9.9.0
* Publisher: Prettier
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
* 
* Name: SCSS IntelliSense
* Id: mrmlnc.vscode-scss
* Description: Advanced autocompletion and refactoring support for SCSS
* Version: 0.10.0
* Publisher: mrmlnc
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss
* 
* Name: Vue 3 Snippets
* Id: hollowtree.vue-snippets
* Description: A Vue.js 3 And Vue.js 2 Code Snippets Extension
* Version: 1.0.4
* Publisher: hollowtree
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
* 
* Name: Vue Language Features (Volar)
* Id: Vue.volar
* Description: Language support for Vue 3
* Version: 0.40.13
* Publisher: Vue
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Vue.volar
* 
* Name: Vue VSCode Snippets
* Id: sdras.vue-vscode-snippets
* Description: Snippets that will supercharge your Vue workflow
* Version: 3.1.1
* Publisher: sarah.drasner
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
* 


## Menu Struct
### 모바일(임직원) 
* 로그인	
* 메인	
* 하자관리
*   하자작업지시 (MO03010001U)
*   하자조회 (MO03020001U)	
* 회의실관리		
*   회의실예약 (MO01010001U)
*   회의실예약승인 (MO01020001)
### 모바일(협력업체) 
* 로그인	
* 메인	
* 하자관리
*   하자처리	(MO02010001U)
*   하자완료조회 (MO02020001U)