Showing
8 changed files
with
168 additions
and
103 deletions
front-end/.eslintrc.js
0 → 100644
| 1 | +module.exports = { | ||
| 2 | + root: true, | ||
| 3 | + env: { | ||
| 4 | + node: true, | ||
| 5 | + }, | ||
| 6 | + extends: [ | ||
| 7 | + 'eslint:recommended', | ||
| 8 | + 'plugin:vue/essential', | ||
| 9 | + 'prettier', | ||
| 10 | + 'plugin:prettier/recommended', | ||
| 11 | + ], | ||
| 12 | + | ||
| 13 | + parserOptions: { | ||
| 14 | + parser: 'babel-eslint', | ||
| 15 | + }, | ||
| 16 | + rules: { | ||
| 17 | + 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', | ||
| 18 | + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', | ||
| 19 | + 'prettier/prettier': [ | ||
| 20 | + 'error', | ||
| 21 | + { | ||
| 22 | + singleQuote: true, | ||
| 23 | + semi: true, | ||
| 24 | + useTabs: true, | ||
| 25 | + tabWidth: 2, | ||
| 26 | + trailingComma: 'all', | ||
| 27 | + printWidth: 80, | ||
| 28 | + bracketSpacing: true, | ||
| 29 | + arrowParens: 'avoid', | ||
| 30 | + }, | ||
| 31 | + ], | ||
| 32 | + }, | ||
| 33 | + overrides: [ | ||
| 34 | + { | ||
| 35 | + files: [ | ||
| 36 | + '**/__tests__/*.{j,t}s?(x)', | ||
| 37 | + '**/tests/unit/**/*.spec.{j,t}s?(x)', | ||
| 38 | + ], | ||
| 39 | + env: { | ||
| 40 | + jest: true, | ||
| 41 | + }, | ||
| 42 | + }, | ||
| 43 | + ], | ||
| 44 | +}; |
| ... | @@ -2147,6 +2147,20 @@ | ... | @@ -2147,6 +2147,20 @@ |
| 2147 | } | 2147 | } |
| 2148 | } | 2148 | } |
| 2149 | }, | 2149 | }, |
| 2150 | + "babel-eslint": { | ||
| 2151 | + "version": "10.1.0", | ||
| 2152 | + "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz", | ||
| 2153 | + "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==", | ||
| 2154 | + "dev": true, | ||
| 2155 | + "requires": { | ||
| 2156 | + "@babel/code-frame": "^7.0.0", | ||
| 2157 | + "@babel/parser": "^7.7.0", | ||
| 2158 | + "@babel/traverse": "^7.7.0", | ||
| 2159 | + "@babel/types": "^7.7.0", | ||
| 2160 | + "eslint-visitor-keys": "^1.0.0", | ||
| 2161 | + "resolve": "^1.12.0" | ||
| 2162 | + } | ||
| 2163 | + }, | ||
| 2150 | "babel-loader": { | 2164 | "babel-loader": { |
| 2151 | "version": "8.1.0", | 2165 | "version": "8.1.0", |
| 2152 | "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.1.0.tgz", | 2166 | "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.1.0.tgz", |
| ... | @@ -4422,9 +4436,9 @@ | ... | @@ -4422,9 +4436,9 @@ |
| 4422 | "dev": true | 4436 | "dev": true |
| 4423 | }, | 4437 | }, |
| 4424 | "cross-spawn": { | 4438 | "cross-spawn": { |
| 4425 | - "version": "7.0.2", | 4439 | + "version": "7.0.3", |
| 4426 | - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.2.tgz", | 4440 | + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", |
| 4427 | - "integrity": "sha512-PD6G8QG3S4FK/XCGFbEQrDqO2AnMMsy0meR7lerlIOHAAbkuavGU/pOqprrlvfTNjvowivTeBsjebAL0NSoMxw==", | 4441 | + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", |
| 4428 | "dev": true, | 4442 | "dev": true, |
| 4429 | "requires": { | 4443 | "requires": { |
| 4430 | "path-key": "^3.1.0", | 4444 | "path-key": "^3.1.0", |
| ... | @@ -4596,14 +4610,14 @@ | ... | @@ -4596,14 +4610,14 @@ |
| 4596 | "dev": true | 4610 | "dev": true |
| 4597 | }, | 4611 | }, |
| 4598 | "espree": { | 4612 | "espree": { |
| 4599 | - "version": "7.0.0", | 4613 | + "version": "7.1.0", |
| 4600 | - "resolved": "https://registry.npmjs.org/espree/-/espree-7.0.0.tgz", | 4614 | + "resolved": "https://registry.npmjs.org/espree/-/espree-7.1.0.tgz", |
| 4601 | - "integrity": "sha512-/r2XEx5Mw4pgKdyb7GNLQNsu++asx/dltf/CI8RFi9oGHxmQFgvLbc5Op4U6i8Oaj+kdslhJtVlEZeAqH5qOTw==", | 4615 | + "integrity": "sha512-dcorZSyfmm4WTuTnE5Y7MEN1DyoPYy1ZR783QW1FJoenn7RailyWFsq/UL6ZAAA7uXurN9FIpYyUs3OfiIW+Qw==", |
| 4602 | "dev": true, | 4616 | "dev": true, |
| 4603 | "requires": { | 4617 | "requires": { |
| 4604 | - "acorn": "^7.1.1", | 4618 | + "acorn": "^7.2.0", |
| 4605 | "acorn-jsx": "^5.2.0", | 4619 | "acorn-jsx": "^5.2.0", |
| 4606 | - "eslint-visitor-keys": "^1.1.0" | 4620 | + "eslint-visitor-keys": "^1.2.0" |
| 4607 | }, | 4621 | }, |
| 4608 | "dependencies": { | 4622 | "dependencies": { |
| 4609 | "acorn": { | 4623 | "acorn": { |
| ... | @@ -4611,6 +4625,12 @@ | ... | @@ -4611,6 +4625,12 @@ |
| 4611 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", | 4625 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", |
| 4612 | "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", | 4626 | "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", |
| 4613 | "dev": true | 4627 | "dev": true |
| 4628 | + }, | ||
| 4629 | + "eslint-visitor-keys": { | ||
| 4630 | + "version": "1.2.0", | ||
| 4631 | + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.2.0.tgz", | ||
| 4632 | + "integrity": "sha512-WFb4ihckKil6hu3Dp798xdzSfddwKKU3+nGniKF6HfeW6OLd2OUDEPP7TcHtB5+QXOKg2s6B2DaMPE1Nn/kxKQ==", | ||
| 4633 | + "dev": true | ||
| 4614 | } | 4634 | } |
| 4615 | } | 4635 | } |
| 4616 | }, | 4636 | }, |
| ... | @@ -10644,9 +10664,9 @@ | ... | @@ -10644,9 +10664,9 @@ |
| 10644 | "dev": true | 10664 | "dev": true |
| 10645 | }, | 10665 | }, |
| 10646 | "v8-compile-cache": { | 10666 | "v8-compile-cache": { |
| 10647 | - "version": "2.1.0", | 10667 | + "version": "2.1.1", |
| 10648 | - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz", | 10668 | + "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz", |
| 10649 | - "integrity": "sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==", | 10669 | + "integrity": "sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==", |
| 10650 | "dev": true | 10670 | "dev": true |
| 10651 | }, | 10671 | }, |
| 10652 | "validate-npm-package-license": { | 10672 | "validate-npm-package-license": { | ... | ... |
| ... | @@ -4,7 +4,8 @@ | ... | @@ -4,7 +4,8 @@ |
| 4 | "private": true, | 4 | "private": true, |
| 5 | "scripts": { | 5 | "scripts": { |
| 6 | "serve": "vue-cli-service serve", | 6 | "serve": "vue-cli-service serve", |
| 7 | - "build": "vue-cli-service build" | 7 | + "build": "vue-cli-service build", |
| 8 | + "lint": "vue-cli-service lint" | ||
| 8 | }, | 9 | }, |
| 9 | "dependencies": { | 10 | "dependencies": { |
| 10 | "axios": "^0.19.2", | 11 | "axios": "^0.19.2", |
| ... | @@ -19,6 +20,7 @@ | ... | @@ -19,6 +20,7 @@ |
| 19 | "@vue/cli-plugin-router": "~4.3.0", | 20 | "@vue/cli-plugin-router": "~4.3.0", |
| 20 | "@vue/cli-plugin-vuex": "~4.3.0", | 21 | "@vue/cli-plugin-vuex": "~4.3.0", |
| 21 | "@vue/cli-service": "~4.3.0", | 22 | "@vue/cli-service": "~4.3.0", |
| 23 | + "babel-eslint": "^10.1.0", | ||
| 22 | "eslint": "^7.1.0", | 24 | "eslint": "^7.1.0", |
| 23 | "eslint-config-prettier": "^6.11.0", | 25 | "eslint-config-prettier": "^6.11.0", |
| 24 | "eslint-plugin-prettier": "^3.1.3", | 26 | "eslint-plugin-prettier": "^3.1.3", | ... | ... |
| 1 | -import axios from 'axios' | 1 | +import axios from 'axios'; |
| 2 | 2 | ||
| 3 | const instance = axios.create({ | 3 | const instance = axios.create({ |
| 4 | baseURL: process.env.VUE_APP_API_URL, | 4 | baseURL: process.env.VUE_APP_API_URL, |
| ... | @@ -18,8 +18,8 @@ function folder(curData) { | ... | @@ -18,8 +18,8 @@ function folder(curData) { |
| 18 | return axios.get('/api/folder/show', { | 18 | return axios.get('/api/folder/show', { |
| 19 | params: { | 19 | params: { |
| 20 | id: curData.id, | 20 | id: curData.id, |
| 21 | - cur: curData.cur | 21 | + cur: curData.cur, |
| 22 | - } | 22 | + }, |
| 23 | }); | 23 | }); |
| 24 | } | 24 | } |
| 25 | 25 | ||
| ... | @@ -35,52 +35,60 @@ function moveFolder(folderData) { | ... | @@ -35,52 +35,60 @@ function moveFolder(folderData) { |
| 35 | return axios.post('/api/folder/move', folderData); | 35 | return axios.post('/api/folder/move', folderData); |
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | -function file(curData){ | 38 | +function file(curData) { |
| 39 | return axios.get('/api/file', { | 39 | return axios.get('/api/file', { |
| 40 | params: { | 40 | params: { |
| 41 | id: curData.id, | 41 | id: curData.id, |
| 42 | - cur: curData.cur | 42 | + cur: curData.cur, |
| 43 | - } | 43 | + }, |
| 44 | }); | 44 | }); |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | - | 47 | +function uploadFile(fileData) { |
| 48 | -function uploadFile(fileData){ | ||
| 49 | return axios.post('/api/file/upload', fileData, { | 48 | return axios.post('/api/file/upload', fileData, { |
| 50 | - headers :{ | 49 | + headers: { |
| 51 | - 'Content-Type' : 'multipart/form-data' | 50 | + 'Content-Type': 'multipart/form-data', |
| 52 | - } | 51 | + }, |
| 53 | }); | 52 | }); |
| 54 | } | 53 | } |
| 55 | 54 | ||
| 56 | -function detailFile(fileData){ | 55 | +function detailFile(fileData) { |
| 57 | return axios.get(`/api/file/${fileData.name}`, { | 56 | return axios.get(`/api/file/${fileData.name}`, { |
| 58 | - params:{ | 57 | + params: { |
| 59 | id: fileData.id, | 58 | id: fileData.id, |
| 60 | - cur: fileData.cur | 59 | + cur: fileData.cur, |
| 61 | - } | 60 | + }, |
| 62 | - }) | 61 | + }); |
| 63 | } | 62 | } |
| 64 | -function deleteFile(fileData){ | 63 | + |
| 64 | +function deleteFile(fileData) { | ||
| 65 | return axios.get(`/api/file/delete/${fileData.fileName}`, { | 65 | return axios.get(`/api/file/delete/${fileData.fileName}`, { |
| 66 | - params:{ | 66 | + params: { |
| 67 | //현재 접속한 사람의 id와 삭제할 파일의 이름, 현재 폴더위치를 파라미터로 넘긴다. | 67 | //현재 접속한 사람의 id와 삭제할 파일의 이름, 현재 폴더위치를 파라미터로 넘긴다. |
| 68 | id: fileData.user_id, | 68 | id: fileData.user_id, |
| 69 | - cur: fileData.cur | 69 | + cur: fileData.cur, |
| 70 | - } | 70 | + }, |
| 71 | }); | 71 | }); |
| 72 | } | 72 | } |
| 73 | -function downloadFile(fileData){ | 73 | +function downloadFile(fileData) { |
| 74 | return axios.get(`api/file/download/${fileData.fileName}`, { | 74 | return axios.get(`api/file/download/${fileData.fileName}`, { |
| 75 | - params:{ | 75 | + params: { |
| 76 | //현재 접속한 사람의 id와 다운로드를 위해 선택한 파일의 이름을 파라미터로 넘긴다. | 76 | //현재 접속한 사람의 id와 다운로드를 위해 선택한 파일의 이름을 파라미터로 넘긴다. |
| 77 | id: fileData.id, | 77 | id: fileData.id, |
| 78 | - cur: fileData.cur | 78 | + cur: fileData.cur, |
| 79 | - } | 79 | + }, |
| 80 | }); | 80 | }); |
| 81 | } | 81 | } |
| 82 | 82 | ||
| 83 | - | 83 | +export { |
| 84 | - | 84 | + registerUser, |
| 85 | -export { registerUser, loginUser, folder, makeFolder, deleteFolder, moveFolder, | 85 | + loginUser, |
| 86 | - file, uploadFile, deleteFile, downloadFile }; | 86 | + folder, |
| 87 | + makeFolder, | ||
| 88 | + deleteFolder, | ||
| 89 | + moveFolder, | ||
| 90 | + file, | ||
| 91 | + uploadFile, | ||
| 92 | + deleteFile, | ||
| 93 | + downloadFile, | ||
| 94 | +}; | ... | ... |
This diff is collapsed. Click to expand it.
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | v-if="isUserLogin" | 7 | v-if="isUserLogin" |
| 8 | > | 8 | > |
| 9 | <v-list dense> | 9 | <v-list dense> |
| 10 | - <v-list-item router :to="{name: 'Main'}" exact> | 10 | + <v-list-item router :to="{ name: 'Main' }" exact> |
| 11 | <v-list-item-action> | 11 | <v-list-item-action> |
| 12 | <v-icon>mdi-home</v-icon> | 12 | <v-icon>mdi-home</v-icon> |
| 13 | </v-list-item-action> | 13 | </v-list-item-action> |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | <v-list-item-title>홈</v-list-item-title> | 15 | <v-list-item-title>홈</v-list-item-title> |
| 16 | </v-list-item-content> | 16 | </v-list-item-content> |
| 17 | </v-list-item> | 17 | </v-list-item> |
| 18 | - <v-list-item router :to="{name: 'File'}" exact> | 18 | + <v-list-item router :to="{ name: 'File' }" exact> |
| 19 | <v-list-item-action> | 19 | <v-list-item-action> |
| 20 | <v-icon>mdi-file</v-icon> | 20 | <v-icon>mdi-file</v-icon> |
| 21 | </v-list-item-action> | 21 | </v-list-item-action> |
| ... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
| 23 | <v-list-item-title>파일</v-list-item-title> | 23 | <v-list-item-title>파일</v-list-item-title> |
| 24 | </v-list-item-content> | 24 | </v-list-item-content> |
| 25 | </v-list-item> | 25 | </v-list-item> |
| 26 | - <v-list-item router :to="{name: 'Fav'}" exact> | 26 | + <v-list-item router :to="{ name: 'Fav' }" exact> |
| 27 | <v-list-item-action> | 27 | <v-list-item-action> |
| 28 | <v-icon>mdi-heart</v-icon> | 28 | <v-icon>mdi-heart</v-icon> |
| 29 | </v-list-item-action> | 29 | </v-list-item-action> |
| ... | @@ -31,7 +31,7 @@ | ... | @@ -31,7 +31,7 @@ |
| 31 | <v-list-item-title>즐겨찾기</v-list-item-title> | 31 | <v-list-item-title>즐겨찾기</v-list-item-title> |
| 32 | </v-list-item-content> | 32 | </v-list-item-content> |
| 33 | </v-list-item> | 33 | </v-list-item> |
| 34 | - <v-list-item router :to="{name: 'Quick'}" exact> | 34 | + <v-list-item router :to="{ name: 'Quick' }" exact> |
| 35 | <v-list-item-action> | 35 | <v-list-item-action> |
| 36 | <v-icon>mdi-history</v-icon> | 36 | <v-icon>mdi-history</v-icon> |
| 37 | </v-list-item-action> | 37 | </v-list-item-action> |
| ... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
| 39 | <v-list-item-title>빠른 액세스</v-list-item-title> | 39 | <v-list-item-title>빠른 액세스</v-list-item-title> |
| 40 | </v-list-item-content> | 40 | </v-list-item-content> |
| 41 | </v-list-item> | 41 | </v-list-item> |
| 42 | - <v-list-item router :to="{name: 'Contact'}" exact> | 42 | + <v-list-item router :to="{ name: 'Contact' }" exact> |
| 43 | <v-list-item-action> | 43 | <v-list-item-action> |
| 44 | <v-icon>mdi-contacts</v-icon> | 44 | <v-icon>mdi-contacts</v-icon> |
| 45 | </v-list-item-action> | 45 | </v-list-item-action> |
| ... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
| 47 | <v-list-item-title>연락처</v-list-item-title> | 47 | <v-list-item-title>연락처</v-list-item-title> |
| 48 | </v-list-item-content> | 48 | </v-list-item-content> |
| 49 | </v-list-item> | 49 | </v-list-item> |
| 50 | - <v-list-item router :to="{name: 'Main'}" exact> | 50 | + <v-list-item router :to="{ name: 'Main' }" exact> |
| 51 | <v-list-item-action> | 51 | <v-list-item-action> |
| 52 | <v-icon>mdi-settings</v-icon> | 52 | <v-icon>mdi-settings</v-icon> |
| 53 | </v-list-item-action> | 53 | </v-list-item-action> |
| ... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
| 63 | <v-list-item-title>휴지통</v-list-item-title> | 63 | <v-list-item-title>휴지통</v-list-item-title> |
| 64 | </v-list-item-content> | 64 | </v-list-item-content> |
| 65 | </v-list-item> | 65 | </v-list-item> |
| 66 | - <v-list-item router :to="{name: 'Feedback'}" exact> | 66 | + <v-list-item router :to="{ name: 'Feedback' }" exact> |
| 67 | <v-list-item-action> | 67 | <v-list-item-action> |
| 68 | <v-icon>mdi-message</v-icon> | 68 | <v-icon>mdi-message</v-icon> |
| 69 | </v-list-item-action> | 69 | </v-list-item-action> |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | <v-list-item-title>피드백</v-list-item-title> | 71 | <v-list-item-title>피드백</v-list-item-title> |
| 72 | </v-list-item-content> | 72 | </v-list-item-content> |
| 73 | </v-list-item> | 73 | </v-list-item> |
| 74 | - <v-list-item router :to="{name: 'Main'}" exact> | 74 | + <v-list-item router :to="{ name: 'Main' }" exact> |
| 75 | <v-list-item-action> | 75 | <v-list-item-action> |
| 76 | <v-icon>mdi-help-circle</v-icon> | 76 | <v-icon>mdi-help-circle</v-icon> |
| 77 | </v-list-item-action> | 77 | </v-list-item-action> |
| ... | @@ -82,19 +82,17 @@ | ... | @@ -82,19 +82,17 @@ |
| 82 | </v-list> | 82 | </v-list> |
| 83 | </v-navigation-drawer> | 83 | </v-navigation-drawer> |
| 84 | 84 | ||
| 85 | - | ||
| 86 | <v-app-bar | 85 | <v-app-bar |
| 87 | :clipped-left="$vuetify.breakpoint.lgAndUp" | 86 | :clipped-left="$vuetify.breakpoint.lgAndUp" |
| 88 | app | 87 | app |
| 89 | color="blue darken-3" | 88 | color="blue darken-3" |
| 90 | dark | 89 | dark |
| 91 | > | 90 | > |
| 92 | - | 91 | + <v-app-bar-nav-icon |
| 93 | - <v-app-bar-nav-icon @click.stop="drawer = !drawer" v-if="isUserLogin"></v-app-bar-nav-icon> | 92 | + @click.stop="drawer = !drawer" |
| 94 | - <v-toolbar-title | 93 | + v-if="isUserLogin" |
| 95 | - style="width: 300px" | 94 | + ></v-app-bar-nav-icon> |
| 96 | - class="ml-0 pl-4" | 95 | + <v-toolbar-title style="width: 300px" class="ml-0 pl-4"> |
| 97 | - > | ||
| 98 | <span class="hidden-sm-and-down">KhuLoud</span> | 96 | <span class="hidden-sm-and-down">KhuLoud</span> |
| 99 | </v-toolbar-title> | 97 | </v-toolbar-title> |
| 100 | <template v-if="isUserLogin"> | 98 | <template v-if="isUserLogin"> |
| ... | @@ -112,23 +110,21 @@ | ... | @@ -112,23 +110,21 @@ |
| 112 | </template> | 110 | </template> |
| 113 | <v-spacer></v-spacer> | 111 | <v-spacer></v-spacer> |
| 114 | <template v-if="isUserLogin"> | 112 | <template v-if="isUserLogin"> |
| 115 | - <v-btn icon @click = "logoutUser"> | 113 | + <v-btn icon @click="logoutUser"> |
| 116 | <v-icon>mdi-login</v-icon> | 114 | <v-icon>mdi-login</v-icon> |
| 117 | </v-btn> | 115 | </v-btn> |
| 118 | </template> | 116 | </template> |
| 119 | <template v-else> | 117 | <template v-else> |
| 120 | - <v-btn icon @click = "$router.push({name: 'Login'})"> | 118 | + <v-btn icon @click="$router.push({ name: 'Login' })"> |
| 121 | <v-icon>mdi-login</v-icon> | 119 | <v-icon>mdi-login</v-icon> |
| 122 | </v-btn> | 120 | </v-btn> |
| 123 | - <v-btn icon @click = "$router.push({name: 'RegistUser'})"> | 121 | + <v-btn icon @click="$router.push({ name: 'RegistUser' })"> |
| 124 | <v-icon>mdi-account</v-icon> | 122 | <v-icon>mdi-account</v-icon> |
| 125 | </v-btn> | 123 | </v-btn> |
| 126 | </template> | 124 | </template> |
| 127 | </v-app-bar> | 125 | </v-app-bar> |
| 128 | <v-content> | 126 | <v-content> |
| 129 | - <v-container | 127 | + <v-container> |
| 130 | - | ||
| 131 | - > | ||
| 132 | <router-view></router-view> | 128 | <router-view></router-view> |
| 133 | </v-container> | 129 | </v-container> |
| 134 | </v-content> | 130 | </v-content> |
| ... | @@ -144,7 +140,7 @@ export default { | ... | @@ -144,7 +140,7 @@ export default { |
| 144 | { icon: 'mdi-home', text: '홈' }, | 140 | { icon: 'mdi-home', text: '홈' }, |
| 145 | { icon: 'mdi-file', text: '파일' }, | 141 | { icon: 'mdi-file', text: '파일' }, |
| 146 | { icon: 'mdi-heart', text: '즐겨찾기' }, | 142 | { icon: 'mdi-heart', text: '즐겨찾기' }, |
| 147 | - { icon: 'mdi-history', text: '빠른 액세스'}, | 143 | + { icon: 'mdi-history', text: '빠른 액세스' }, |
| 148 | { icon: 'mdi-contacts', text: '연락처' }, | 144 | { icon: 'mdi-contacts', text: '연락처' }, |
| 149 | { icon: 'mdi-settings', text: '설정' }, | 145 | { icon: 'mdi-settings', text: '설정' }, |
| 150 | { icon: 'mdi-message', text: '피드백' }, | 146 | { icon: 'mdi-message', text: '피드백' }, |
| ... | @@ -152,19 +148,17 @@ export default { | ... | @@ -152,19 +148,17 @@ export default { |
| 152 | ], | 148 | ], |
| 153 | }), | 149 | }), |
| 154 | computed: { | 150 | computed: { |
| 155 | - isUserLogin(){ | 151 | + isUserLogin() { |
| 156 | return this.$store.getters.isLogin; | 152 | return this.$store.getters.isLogin; |
| 157 | }, | 153 | }, |
| 158 | }, | 154 | }, |
| 159 | methods: { | 155 | methods: { |
| 160 | - logoutUser(){ | 156 | + logoutUser() { |
| 161 | this.$store.commit('clearid'); | 157 | this.$store.commit('clearid'); |
| 162 | this.$router.push('/'); | 158 | this.$router.push('/'); |
| 163 | - } | 159 | + }, |
| 164 | - } | 160 | + }, |
| 165 | -} | 161 | +}; |
| 166 | </script> | 162 | </script> |
| 167 | 163 | ||
| 168 | -<style> | ||
| 169 | - | ||
| 170 | -</style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 164 | +<style></style> | ... | ... |
| 1 | -import Vue from 'vue' | 1 | +import Vue from 'vue'; |
| 2 | -import VueRouter from 'vue-router' | 2 | +import VueRouter from 'vue-router'; |
| 3 | // import Home from '../views/Home.vue' | 3 | // import Home from '../views/Home.vue' |
| 4 | // import Login from '../views/Login.vue' | 4 | // import Login from '../views/Login.vue' |
| 5 | // import Main from '../views/Main.vue' | 5 | // import Main from '../views/Main.vue' |
| ... | @@ -12,65 +12,64 @@ import VueRouter from 'vue-router' | ... | @@ -12,65 +12,64 @@ import VueRouter from 'vue-router' |
| 12 | // import RegistUser from '../views/RegistUser' | 12 | // import RegistUser from '../views/RegistUser' |
| 13 | Vue.use(VueRouter); | 13 | Vue.use(VueRouter); |
| 14 | 14 | ||
| 15 | - | 15 | +export default new VueRouter({ |
| 16 | - | ||
| 17 | -export default new VueRouter ({ | ||
| 18 | mode: 'history', | 16 | mode: 'history', |
| 17 | + | ||
| 19 | base: process.env.BASE_URL, | 18 | base: process.env.BASE_URL, |
| 20 | - routes : [ | 19 | + routes: [ |
| 21 | { | 20 | { |
| 22 | path: '/', | 21 | path: '/', |
| 23 | - redirect: '/Login' | 22 | + redirect: '/Login', |
| 24 | }, | 23 | }, |
| 25 | { | 24 | { |
| 26 | path: '/home', | 25 | path: '/home', |
| 27 | name: 'Home', | 26 | name: 'Home', |
| 28 | - component: () => import('../views/Home.vue') | 27 | + component: () => import('../views/Home.vue'), |
| 29 | }, | 28 | }, |
| 30 | { | 29 | { |
| 31 | path: '/main', | 30 | path: '/main', |
| 32 | - name:'Main', | 31 | + name: 'Main', |
| 33 | - component: () => import('../views/Main.vue') | 32 | + component: () => import('../views/Main.vue'), |
| 34 | }, | 33 | }, |
| 35 | { | 34 | { |
| 36 | path: '/contact', | 35 | path: '/contact', |
| 37 | - name:'Contact', | 36 | + name: 'Contact', |
| 38 | - component: () => import('../views/Contact.vue') | 37 | + component: () => import('../views/Contact.vue'), |
| 39 | }, | 38 | }, |
| 40 | { | 39 | { |
| 41 | path: '/registuser', | 40 | path: '/registuser', |
| 42 | name: 'RegistUser', | 41 | name: 'RegistUser', |
| 43 | - component: () => import('../views/SignupPage.vue') | 42 | + component: () => import('../views/SignupPage.vue'), |
| 44 | }, | 43 | }, |
| 45 | { | 44 | { |
| 46 | path: '/login', | 45 | path: '/login', |
| 47 | name: 'Login', | 46 | name: 'Login', |
| 48 | - component: () => import('../views/LoginPage.vue') | 47 | + component: () => import('../views/LoginPage.vue'), |
| 49 | }, | 48 | }, |
| 50 | { | 49 | { |
| 51 | - path:'/file', | 50 | + path: '/file', |
| 52 | - name:'File', | 51 | + name: 'File', |
| 53 | - component: () => import('../views/File.vue') | 52 | + component: () => import('../views/File.vue'), |
| 54 | }, | 53 | }, |
| 55 | { | 54 | { |
| 56 | - path:'/fav', | 55 | + path: '/fav', |
| 57 | - name:'Fav', | 56 | + name: 'Fav', |
| 58 | - component: () => import('../views/FavList.vue') | 57 | + component: () => import('../views/FavList.vue'), |
| 59 | }, | 58 | }, |
| 60 | { | 59 | { |
| 61 | - path:'/quick', | 60 | + path: '/quick', |
| 62 | - name:'Quick', | 61 | + name: 'Quick', |
| 63 | - component : () => import('../views/QuickList.vue') | 62 | + component: () => import('../views/QuickList.vue'), |
| 64 | }, | 63 | }, |
| 65 | { | 64 | { |
| 66 | - path:'/feedback', | 65 | + path: '/feedback', |
| 67 | - name:'Feedback', | 66 | + name: 'Feedback', |
| 68 | - component: () => import('../views/Feedback.vue') | 67 | + component: () => import('../views/Feedback.vue'), |
| 69 | }, | 68 | }, |
| 70 | { | 69 | { |
| 71 | path: '/folder', | 70 | path: '/folder', |
| 72 | name: 'Folder', | 71 | name: 'Folder', |
| 73 | - component: () => import('../views/FolderPage.vue') | 72 | + component: () => import('../views/FolderPage.vue'), |
| 74 | }, | 73 | }, |
| 75 | - ] | 74 | + ], |
| 76 | -}) | 75 | +}); | ... | ... |
-
Please register or login to post a comment