test commit

package-lock.json

@@ -846,6 +846,43 @@
       "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
       "dev": true
     },
+    "axios": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
+      "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
+      "requires": {
+        "follow-redirects": "1.5.10",
+        "is-buffer": "^2.0.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "is-buffer": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
+          "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A=="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2246,6 +2283,12 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
+      "dev": true
+    },
     "debug": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -8706,6 +8749,11 @@
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
       "dev": true
     },
+    "vue": {
+      "version": "2.6.10",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.10.tgz",
+      "integrity": "sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ=="
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -8725,6 +8773,11 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-router": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
+      "integrity": "sha512-8iSa4mGNXBjyuSZFCCO4fiKfvzqk+mhL0lnKuGcQtO1eoj8nq3CmbEG8FwK5QqoqwDgsjsf1GDuisDX4cdb/aQ=="
+    },
     "vue-style-loader": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
@@ -8735,6 +8788,16 @@
         "loader-utils": "^1.0.2"
       }
     },
+    "vue-template-compiler": {
+      "version": "2.6.10",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz",
+      "integrity": "sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==",
+      "dev": true,
+      "requires": {
+        "de-indent": "^1.0.2",
+        "he": "^1.1.0"
+      }
+    },
     "vue-template-es2015-compiler": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",

package.json

@@ -7,6 +7,7 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "axios": "^0.19.0",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3"
   },

src/App.vue

@@ -2,12 +2,32 @@
   <div id="app">
     <div id="nav">
       <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
+      <router-link to="/about">About</router-link> |
+      <router-link to="/users">Users</router-link>
     </div>
     <router-view/>
   </div>
 </template>
 
+<script>
+export default{
+  data: function(){
+    return{
+      movie
+    }
+  },
+  async beforeCreate(){ // 실행하면 무비라는 변수를 생성하고 서버에 요청을 보냄
+  //get에 있는 url에 대한 get 요청을 보냄
+    const movie = ['']
+  
+    this.$http.get('/movie').then((res => {
+      movie = res.data;
+    }))
+    return movie
+  }
+}
+</script>
+
 <style>
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;

src/main.js

 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
+import axios from 'axios'
 
 Vue.config.productionTip = false
+Vue.prototype.$http = axios
 
 new Vue({
   router,

src/router/index.js

@@ -19,6 +19,13 @@ const routes = [
     component: function () {
       return import(/* webpackChunkName: "about" */ '../views/About.vue')
     }
+  },
+  {
+    path: '/users',
+    name: 'users',
+    component: function() {
+      return import('../views/Users.vue')
+    }
   }
 ]
 

src/router/movie.js

+var express = require('express');
+var router = express.Router();
+
+/* GET users listing. */
+router.get('/movie', function (req, res, next) {
+    res.render('result', { data: req.body }) // POST의 argument를 적용하여 layout/result 응답
+});
+
+router.post('/movie', function (req, res, next) {
+    
+});
+
+router.get('/movie/:idx', function (req, res, next) {
+
+});
+
+router.post('/movie/:idx/rating', function (req, res, next) {
+
+});
+
+// rating의 값은 총 별점 / 총 평가 횟수
+// 현재까지 평가된 영화 별점의 평균값
+// toFixed 함수를 이용해 소수점은 최대 2자리 까지만
+// rating.fixed(2)
+
+module.exports = router;

src/views/About.vue

 <template>
   <div class="about">
-    <h1>This is an about page</h1>
+    <h1>login Page </h1>
+    <input type="text" v-model="uid"> <br>
+    <input type="text" v-model="password"> <br>
+    {{uid}} <br>
+    {{password}} <br>
+    <button v-on:click="btnLogin">Login</button> <br>
+
+    {{msg}}
+
   </div>
 </template>
+
+<script>
+export default {
+  data() {
+    return {
+      uid: '',
+      password: '',
+      msg: ''
+    }
+  },
+  methods: {
+    btnLogin() {
+      this.$http.post('http://jnhonlinux.ddns.net:3000/login', {
+        "uid": this.uid,
+        "password": this.password
+      }).then((response) => {
+        this.msg = response.data
+      })
+    }
+  }
+}
+</script>

src/views/Users.vue

+<template>
+  <div class="users">
+    <h1>Users Page </h1>
+    <div v-for="user in users" v-bind:key="user">
+        {{user.uid}} | {{user.password}} | {{user.email}} | {{user.phone}} | {{user.univ}} | {{user.department}} | {{user.sid}} | {{user.ifsuper}} | {{user.club}}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  mounted() {
+    this.$http.get('http://jnhonlinux.ddns.net:3000/users').then((response) => {
+        this.users = response.data;
+    })
+  },
+  data() {
+    return {
+        users: []
+    }
+  },
+  methods: {
+   
+  }
+}
+</script>
\ No newline at end of file