이태화 / khu-notice-project

Go to a project
Toggle navigation Toggle navigation pinning
이태화
56eaf9c2 1 parent afba6bb0

디자인 개이뻐

Inline Side-by-side
Showing 17 changed files with 65 additions and 59 deletions
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>frontend-builder</title><link href=/static/css/app.d2cda3dc47a9853b0aac4a081e100928.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.7c229c2b77c6a7c173c8.js></script><script type=text/javascript src=/static/js/app.67622728a0c8432abe02.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>frontend-builder</title><link href=/static/css/app.9c1481e58089fca544cb9a55e89dba24.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.7c229c2b77c6a7c173c8.js></script><script type=text/javascript src=/static/js/app.2c5def33d894c5601428.js></script></body></html>
\ No newline at end of file
......
@font-face{font-family:JejuGothic;src:url(/static/fonts/JejuGothic.67e5ae8.ttf)}body{font-family:JejuGothic;margin:0;background:#f2f3f5}a{text-decoration:none;color:inherit}li{list-style:none}button,input{border:none}ul{padding:0}.body{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header{height:150px;background-color:grey}.login-menu{position:absolute;right:150px;top:200px;width:400px;height:500px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px 0 rgba(0,0,0,.08)}.login-menu .input-box{height:400px;margin:50px 25px;width:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-input-list input{width:300px;padding-left:40px}.login-input-list button,.login-input-list input{font-size:20px;height:50px;border-radius:5px;margin-top:20px;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);box-shadow:0 10px 10px 0 rgba(0,0,0,.08)}.login-input-list button{width:345px}.login-input-list button:hover{cursor:pointer}.imfoList{width:800px;background:grey}ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto 10px}li{margin-bottom:5px}.item{background:#fff;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:15px;width:800px;border-radius:5px}.noticeInfo{position:absolute;bottom:15px}.date{color:grey}
/*# sourceMappingURL=app.9c1481e58089fca544cb9a55e89dba24.css.map */
\ No newline at end of file
{"version":3,"sources":["app.9c1481e58089fca544cb9a55e89dba24.css"],"names":[],"mappings":"AACA,WACE,sBAAyB,CACzB,6CACF,CACA,KACI,sBAAuB,CACvB,QAAS,CACT,kBACJ,CACA,EACI,oBAAqB,CACrB,aACJ,CACA,GACI,eACJ,CAIA,aACI,WACJ,CACA,GACI,SACJ,CACA,MACE,eAAe,CACf,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,uBAAwB,CACpB,oBAAqB,CACjB,sBACV,CAEA,OACE,YAAa,CACb,qBACF,CAEA,YACE,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,WAAY,CACZ,YAAa,CACb,qBAAuB,CACvB,iBAAkB,CAClB,gDAAqD,CAC7C,wCACV,CACA,uBACE,YAAa,CACb,gBAA2B,CAC3B,WAAY,CACZ,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,uBAAwB,CACpB,oBAAqB,CACjB,sBACV,CACA,wBAEE,WAAY,CAGZ,iBAIF,CACA,iDATE,cAAe,CAEf,WAAY,CACZ,iBAAkB,CAElB,eAAgB,CAChB,gDAAqD,CAC7C,wCAUV,CARA,yBAEE,WAMF,CACA,+BACE,cACF,CAEA,UACE,WAAY,CACZ,eACF,CACA,GACE,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,2BAA4B,CAC5B,4BAA6B,CACzB,yBAA0B,CACtB,qBAAsB,CAC9B,kBACF,CACA,GACE,iBACF,CACA,MACE,eAAiB,CACjB,WAAY,CACZ,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,iBACF,CACA,YACE,iBAAkB,CAClB,WACF,CACA,MACE,UACF","file":"app.9c1481e58089fca544cb9a55e89dba24.css","sourcesContent":["\n@font-face{\n font-family: 'JejuGothic';\n src: url(/static/fonts/JejuGothic.67e5ae8.ttf);\n}\nbody{\n font-family: JejuGothic;\n margin: 0;\n background: #f2f3f5;\n}\na{\n text-decoration: none;\n color: inherit;\n}\nli{\n list-style: none;\n}\ninput{\n border: none;\n}\nbutton{\n border:none;\n}\nul{\n padding:0;\n}\n.body{\n margin-top:10px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\nheader{\n height: 150px;\n background-color: grey;\n}\n\n.login-menu {\n position: absolute;\n right: 150px;\n top: 200px;\n width: 400px;\n height: 500px;\n background-color: white;\n border-radius: 4px;\n -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n}\n.login-menu .input-box {\n height: 400px;\n margin: 50px 25px 50px 25px;\n width: 350px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.login-input-list input {\n font-size: 20px;\n width: 300px;\n height: 50px;\n border-radius: 5px;\n padding-left: 40px;\n margin-top: 20px;\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button {\n font-size: 20px;\n width: 345px;\n height: 50px;\n border-radius: 5px;\n margin-top: 20px;\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button:hover {\n cursor: pointer;\n}\n\n.imfoList{\n width: 800px;\n background: grey;\n}\nul{\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0 auto 10px auto;\n}\nli{\n margin-bottom:5px;\n}\n.item{\n background: white;\n height: 50px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n padding: 15px;\n width: 800px;\n border-radius:5px;\n}\n.noticeInfo{\n position: absolute;\n bottom:15px;\n}\n.date{\n color: grey;\n}\n"]}
\ No newline at end of file
body{margin:0}a{text-decoration:none;color:inherit}li{list-style:none}button,input{border:none}ul{padding:0}.body{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header{height:150px;background-color:grey}.login-menu{position:absolute;right:150px;top:200px;width:400px;height:500px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px 0 rgba(0,0,0,.08)}.login-menu .input-box{height:400px;margin:50px 25px;width:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-input-list input{width:300px;padding-left:40px}.login-input-list button,.login-input-list input{font-size:20px;height:50px;border-radius:5px;margin-top:20px;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);box-shadow:0 10px 10px 0 rgba(0,0,0,.08)}.login-input-list button{width:345px}.login-input-list button:hover{cursor:pointer}.imfoList{width:800px;background:grey}ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto 10px}li{margin-bottom:10px}
/*# sourceMappingURL=app.d2cda3dc47a9853b0aac4a081e100928.css.map */
\ No newline at end of file
{"version":3,"sources":["app.d2cda3dc47a9853b0aac4a081e100928.css"],"names":[],"mappings":"AACA,KACI,QACJ,CACA,EACI,oBAAqB,CACrB,aACJ,CACA,GACI,eACJ,CAIA,aACI,WACJ,CACA,GACI,SACJ,CACA,MACE,eAAe,CACf,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,uBAAwB,CACpB,oBAAqB,CACjB,sBACV,CAEA,OACE,YAAa,CACb,qBACF,CAEA,YACE,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,WAAY,CACZ,YAAa,CACb,qBAAuB,CACvB,iBAAkB,CAClB,gDAAqD,CAC7C,wCACV,CACA,uBACE,YAAa,CACb,gBAA2B,CAC3B,WAAY,CACZ,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,uBAAwB,CACpB,oBAAqB,CACjB,sBACV,CACA,wBAEE,WAAY,CAGZ,iBAIF,CACA,iDATE,cAAe,CAEf,WAAY,CACZ,iBAAkB,CAElB,eAAgB,CAChB,gDAAqD,CAC7C,wCAUV,CARA,yBAEE,WAMF,CACA,+BACE,cACF,CAEA,UACI,WAAY,CACZ,eACJ,CACA,GACI,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CACb,2BAA4B,CAC5B,4BAA6B,CACzB,yBAA0B,CACtB,qBAAsB,CAC9B,kBACJ,CACA,GACI,kBACJ","file":"app.d2cda3dc47a9853b0aac4a081e100928.css","sourcesContent":["\nbody{\n margin: 0;\n}\na{\n text-decoration: none;\n color: inherit;\n}\nli{\n list-style: none;\n}\ninput{\n border: none;\n}\nbutton{\n border:none;\n}\nul{\n padding:0;\n}\n.body{\n margin-top:10px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\nheader{\n height: 150px;\n background-color: grey;\n}\n\n.login-menu {\n position: absolute;\n right: 150px;\n top: 200px;\n width: 400px;\n height: 500px;\n background-color: white;\n border-radius: 4px;\n -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n}\n.login-menu .input-box {\n height: 400px;\n margin: 50px 25px 50px 25px;\n width: 350px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.login-input-list input {\n font-size: 20px;\n width: 300px;\n height: 50px;\n border-radius: 5px;\n padding-left: 40px;\n margin-top: 20px;\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button {\n font-size: 20px;\n width: 345px;\n height: 50px;\n border-radius: 5px;\n margin-top: 20px;\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button:hover {\n cursor: pointer;\n}\n\n.imfoList{\n width: 800px;\n background: grey;\n}\nul{\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0 auto 10px auto;\n}\nli{\n margin-bottom:10px;\n}\n"]}
\ No newline at end of file
webpackJsonp([1],{"6geT":function(t,e){},AKAA:function(t,e){},NHnr:function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=s("7+uW"),i={render:function(){this.$createElement;this._self._c;return this._m(0)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("header",[this._v("\n 로고 들어갈 자리\n "),e("br"),this._v("\n 디자이너 구합니다.\n")])}]};var a=s("VU/8")({name:"header",data:function(){return{}}},i,!1,function(t){s("zkZM")},null,null).exports,r=s("mtWM"),o=s.n(r),c={data:function(){return{username:"",password:""}},methods:{login:function(){o.a.post("/api/login",{username:this.username,password:this.password}).then(function(t){"isExist"===t.data&&alert("isExist"),"success"===t.data&&(window.location.href="/")})}}},l={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"login-menu"},[s("div",{staticClass:"input-box"},[s("form",{on:{submit:function(e){return e.preventDefault(),t.login(e)}}},[s("ul",{staticClass:"login-input-list"},[s("li",[s("input",{directives:[{name:"model",rawName:"v-model",value:t.username,expression:"username"}],attrs:{type:"text",placeholder:"USERNAME"},domProps:{value:t.username},on:{input:function(e){e.target.composing||(t.username=e.target.value)}}})]),t._v(" "),s("li",[s("input",{directives:[{name:"model",rawName:"v-model",value:t.password,expression:"password"}],attrs:{type:"password",placeholder:"PASSWORD"},domProps:{value:t.password},on:{input:function(e){e.target.composing||(t.password=e.target.value)}}})]),t._v(" "),t._m(0)])])])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("li",[e("button",{attrs:{type:"submit"}},[this._v("login")])])}]};var u={el:".noticeList",data:function(){return{noticeList:[]}},components:{},created:function(){this.fetchNoticeList()},methods:{fetchNoticeList:function(){var t=this;o.a.post("/api/fetchNoticeList",{}).then(function(e){console.log(e.data),t.noticeList=e.data})}}},p={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"noticeList"},[s("ul",[t._m(0),t._v(" "),t._m(1),t._v(" "),t._l(t.noticeList,function(e){return s("li",{key:e.date,staticClass:"item"},[s("a",{attrs:{href:e.link}},[s("div",{staticClass:"title"},[t._v(t._s(e.title))])]),t._v(" "),s("div",{staticClass:"noticeInfo"},[s("span",{staticClass:"site"},[t._v(t._s(e.site))]),t._v(" "),s("span",{staticClass:"date"},[t._v(t._s(e.date))])])])})],2)])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("li",{staticClass:"item"},[e("div",{staticClass:"title"},[this._v("[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중")]),this._v(" "),e("div",{staticClass:"noticeInfo"},[e("span",{staticClass:"site"},[this._v("SW융합대학")]),this._v(" "),e("span",{staticClass:"date"},[this._v("2020-19-20")])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("li",{staticClass:"item"},[e("div",{staticClass:"title"},[this._v("[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중")]),this._v(" "),e("div",{staticClass:"noticeInfo"},[e("span",{staticClass:"site"},[this._v("SW융합대학")]),this._v(" "),e("span",{staticClass:"date"},[this._v("2020-19-20")])])])}]};var d={name:"App",components:{siteHeader:a,loginMenu:s("VU/8")(c,l,!1,function(t){s("AKAA")},null,null).exports,noticeList:s("VU/8")(u,p,!1,function(t){s("6geT")},null,null).exports}},v={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"app"}},[e("siteHeader"),this._v(" "),e("div",{staticClass:"body"},[e("noticeList")],1)],1)},staticRenderFns:[]};var f=s("VU/8")(d,v,!1,function(t){s("X0K6")},null,null).exports,m=s("/ocq");n.a.use(m.a);var _=new m.a({routes:[{path:"/",name:"App",component:f}]});n.a.config.productionTip=!1,new n.a({el:"#app",router:_,axios:o.a,components:{App:f},template:"<App/>"})},X0K6:function(t,e){},zkZM:function(t,e){}},["NHnr"]);
//# sourceMappingURL=app.2c5def33d894c5601428.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///./src/components/header.vue?4f09","webpack:///./src/components/header.vue","webpack:///src/components/header.vue","webpack:///src/components/loginMenu.vue","webpack:///./src/components/loginMenu.vue?dba0","webpack:///./src/components/loginMenu.vue","webpack:///src/components/noticeList.vue","webpack:///./src/components/noticeList.vue?3ab4","webpack:///./src/components/noticeList.vue","webpack:///src/App.vue","webpack:///./src/App.vue?674d","webpack:///./src/App.vue","webpack:///./src/router/index.js","webpack:///./src/main.js"],"names":["components_header","render","this","$createElement","_self","_c","_m","staticRenderFns","_h","_v","src_components_header","__webpack_require__","normalizeComponent","name","data","ssrContext","loginMenu","username","password","methods","login","axios_default","a","post","then","message","alert","window","location","href","components_loginMenu","_vm","staticClass","on","submit","$event","preventDefault","directives","rawName","value","expression","attrs","type","placeholder","domProps","input","target","composing","noticeList","el","components","created","fetchNoticeList","_this","console","log","components_noticeList","_l","notice","key","date","link","_s","title","site","App","siteHeader","loginMenu_normalizeComponent","noticeList_normalizeComponent","selectortype_template_index_0_src_App","id","src_App","App_normalizeComponent","Vue","use","Router","router","routes","path","component","config","productionTip","axios","template"],"mappings":"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","file":"static/js/app.2c5def33d894c5601428.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_vm._v(\"\\n 로고 들어갈 자리\\n \"),_c('br'),_vm._v(\"\\n 디자이너 구합니다.\\n\")])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6b9a2caa\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/header.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6b9a2caa\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./header.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./header.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./header.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6b9a2caa\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./header.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/header.vue\n// module id = null\n// module chunks = ","<template>\n <header>\n 로고 들어갈 자리\n <br>\n 디자이너 구합니다.\n </header>\n</template>\n\n<script>\nexport default {\n name: 'header',\n data () {\n return {\n\n }\n }\n}\n</script>\n\n<style>\n header{\n height: 150px;\n background-color: grey;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/header.vue","<template>\n <div class=\"login-menu\">\n <div class=\"input-box\">\n <form v-on:submit.prevent=\"login\">\n <ul class=\"login-input-list\">\n <li>\n <input type=\"text\" v-model=\"username\" placeholder=\"USERNAME\" />\n </li>\n <li>\n <input type=\"password\" v-model=\"password\" placeholder=\"PASSWORD\" />\n </li>\n <li>\n <button type=\"submit\">login</button>\n </li>\n </ul>\n </form>\n </div>\n </div>\n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default {\n data () {\n return {\n username: '',\n password: ''\n }\n },\n methods: {\n login () {\n axios\n .post('/api/login', {\n username: this.username,\n password: this.password\n })\n .then(function (message) {\n if (message.data === 'isExist') {\n alert('isExist')\n }\n if (message.data === 'success') {\n window.location.href = '/'\n }\n })\n }\n }\n}\n</script>\n\n<style>\n.login-menu {\n position: absolute;\n right: 150px;\n top: 200px;\n width: 400px;\n height: 500px;\n background-color: white;\n border-radius: 4px;\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n}\n.login-menu .input-box {\n height: 400px;\n margin: 50px 25px 50px 25px;\n width: 350px;\n display: flex;\n justify-content: center;\n}\n.login-input-list input {\n font-size: 20px;\n width: 300px;\n height: 50px;\n border-radius: 5px;\n padding-left: 40px;\n margin-top: 20px;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button {\n font-size: 20px;\n width: 345px;\n height: 50px;\n border-radius: 5px;\n margin-top: 20px;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button:hover {\n cursor: pointer;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/loginMenu.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-menu\"},[_c('div',{staticClass:\"input-box\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.login($event)}}},[_c('ul',{staticClass:\"login-input-list\"},[_c('li',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.username),expression:\"username\"}],attrs:{\"type\":\"text\",\"placeholder\":\"USERNAME\"},domProps:{\"value\":(_vm.username)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.username=$event.target.value}}})]),_vm._v(\" \"),_c('li',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"password\",\"placeholder\":\"PASSWORD\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}})]),_vm._v(\" \"),_vm._m(0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('button',{attrs:{\"type\":\"submit\"}},[_vm._v(\"login\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-710ecc9a\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/loginMenu.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-710ecc9a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./loginMenu.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./loginMenu.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./loginMenu.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-710ecc9a\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./loginMenu.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/loginMenu.vue\n// module id = null\n// module chunks = ","<template>\r\n <div class = \"noticeList\">\r\n <ul>\r\n <li class = \"item\" >\r\n <div class = \"title\">[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중</div>\r\n <div class = \"noticeInfo\">\r\n <span class = \"site\">SW융합대학</span>\r\n <span class = \"date\">2020-19-20</span>\r\n </div>\r\n </li>\r\n <li class = \"item\" >\r\n <div class = \"title\">[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중</div>\r\n <div class = \"noticeInfo\">\r\n <span class = \"site\">SW융합대학</span>\r\n <span class = \"date\">2020-19-20</span>\r\n </div>\r\n </li>\r\n <li class = \"item\" v-for=\"notice in noticeList\" :key=\"notice.date\">\r\n <a v-bind:href=\"notice.link\"><div class = \"title\">{{notice.title}}</div></a>\r\n <div class = \"noticeInfo\">\r\n <span class = \"site\">{{notice.site}}</span>\r\n <span class = \"date\">{{notice.date}}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n el: '.noticeList',\r\n data () {\r\n return {\r\n noticeList: []\r\n }\r\n },\r\n components: {\r\n },\r\n created () {\r\n this.fetchNoticeList()\r\n },\r\n methods: {\r\n fetchNoticeList () {\r\n axios\r\n .post('/api/fetchNoticeList', {})\r\n .then((noticeList) => {\r\n console.log(noticeList.data)\r\n this.noticeList = noticeList.data\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n .imfoList{\r\n width: 800px;\r\n background: grey;\r\n }\r\n ul{\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 auto 10px auto;\r\n }\r\n li{\r\n margin-bottom:5px;\r\n }\r\n .item{\r\n background: white;\r\n height: 50px;\r\n display: flex;\r\n position: relative;\r\n padding: 15px;\r\n width: 800px;\r\n border-radius:5px;\r\n }\r\n .noticeInfo{\r\n position: absolute;\r\n bottom:15px;\r\n }\r\n .date{\r\n color: grey;\r\n }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/noticeList.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"noticeList\"},[_c('ul',[_vm._m(0),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_vm._l((_vm.noticeList),function(notice){return _c('li',{key:notice.date,staticClass:\"item\"},[_c('a',{attrs:{\"href\":notice.link}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(notice.title))])]),_vm._v(\" \"),_c('div',{staticClass:\"noticeInfo\"},[_c('span',{staticClass:\"site\"},[_vm._v(_vm._s(notice.site))]),_vm._v(\" \"),_c('span',{staticClass:\"date\"},[_vm._v(_vm._s(notice.date))])])])})],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"item\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중\")]),_vm._v(\" \"),_c('div',{staticClass:\"noticeInfo\"},[_c('span',{staticClass:\"site\"},[_vm._v(\"SW융합대학\")]),_vm._v(\" \"),_c('span',{staticClass:\"date\"},[_vm._v(\"2020-19-20\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"item\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중\")]),_vm._v(\" \"),_c('div',{staticClass:\"noticeInfo\"},[_c('span',{staticClass:\"site\"},[_vm._v(\"SW융합대학\")]),_vm._v(\" \"),_c('span',{staticClass:\"date\"},[_vm._v(\"2020-19-20\")])])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-8ed0c59e\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/noticeList.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-8ed0c59e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./noticeList.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./noticeList.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./noticeList.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-8ed0c59e\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./noticeList.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/noticeList.vue\n// module id = null\n// module chunks = ","<template>\n<div id=\"app\">\n <siteHeader></siteHeader>\n <div class = \"body\">\n <noticeList></noticeList>\n </div>\n</div>\n</template>\n\n<script>\nimport siteHeader from './components/header'\nimport loginMenu from './components/loginMenu'\nimport noticeList from './components/noticeList'\n\nexport default {\n name: 'App',\n components: {\n 'siteHeader': siteHeader,\n 'loginMenu': loginMenu,\n 'noticeList': noticeList\n }\n}\n</script>\n\n<style>\n@font-face{\n font-family: 'JejuGothic';\n src: url('assets/JejuGothic.ttf');\n}\nbody{\n font-family: JejuGothic;\n margin: 0;\n background: #f2f3f5;\n}\na{\n text-decoration: none;\n color: inherit;\n}\nli{\n list-style: none;\n}\ninput{\n border: none;\n}\nbutton{\n border:none;\n}\nul{\n padding:0;\n}\n.body{\n margin-top:10px;\n display: flex;\n justify-content: center;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('siteHeader'),_vm._v(\" \"),_c('div',{staticClass:\"body\"},[_c('noticeList')],1)],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-00252845\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-00252845\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-00252845\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue'\nimport Router from 'vue-router'\nimport App from '@/App'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'App',\n component: App\n }\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\nimport axios from 'axios'\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n axios,\n components: { App },\n template: '<App/>'\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}
\ No newline at end of file
webpackJsonp([1],{"0TuH":function(t,e){},"0pJx":function(t,e){},AKAA:function(t,e){},"BTX/":function(t,e){},NHnr:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n("7+uW"),i={render:function(){var t=this.$createElement;return(this._self._c||t)("header",[this._v("\n 로고 들어갈 자리\n")])},staticRenderFns:[]};var a=n("VU/8")({name:"header",data:function(){return{}}},i,!1,function(t){n("0pJx")},null,null).exports,o=n("mtWM"),r=n.n(o),u={data:function(){return{username:"",password:""}},methods:{login:function(){r.a.post("/api/login",{username:this.username,password:this.password}).then(function(t){"isExist"===t.data&&alert("isExist"),"success"===t.data&&(window.location.href="/")})}}},c={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"login-menu"},[n("div",{staticClass:"input-box"},[n("form",{on:{submit:function(e){return e.preventDefault(),t.login(e)}}},[n("ul",{staticClass:"login-input-list"},[n("li",[n("input",{directives:[{name:"model",rawName:"v-model",value:t.username,expression:"username"}],attrs:{type:"text",placeholder:"USERNAME"},domProps:{value:t.username},on:{input:function(e){e.target.composing||(t.username=e.target.value)}}})]),t._v(" "),n("li",[n("input",{directives:[{name:"model",rawName:"v-model",value:t.password,expression:"password"}],attrs:{type:"password",placeholder:"PASSWORD"},domProps:{value:t.password},on:{input:function(e){e.target.composing||(t.password=e.target.value)}}})]),t._v(" "),t._m(0)])])])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("li",[e("button",{attrs:{type:"submit"}},[this._v("login")])])}]};var l={el:".noticeList",name:"noticeList",data:function(){return{noticeList:[]}},components:{},created:function(){this.fetchNoticeList()},methods:{fetchNoticeList:function(){var t=this;r.a.post("/api/fetchNoticeList",{}).then(function(e){console.log(e.data),t.noticeList=e.data})}}},p={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"noticeList"},[n("ul",t._l(t.noticeList,function(e){return n("li",{key:e.date},[t._v("\n "+t._s(e.title)+"\n "),n("br"),t._v("\n "+t._s(e.date)+"\n ")])}),0)])},staticRenderFns:[]};var d={name:"App",components:{siteHeader:a,loginMenu:n("VU/8")(u,c,!1,function(t){n("AKAA")},null,null).exports,noticeList:n("VU/8")(l,p,!1,function(t){n("BTX/")},null,null).exports}},m={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"app"}},[e("siteHeader"),this._v(" "),e("div",{staticClass:"body"},[e("noticeList")],1)],1)},staticRenderFns:[]};var f=n("VU/8")(d,m,!1,function(t){n("0TuH")},null,null).exports,v=n("/ocq");s.a.use(v.a);var h=new v.a({routes:[{path:"/",name:"App",component:f}]});s.a.config.productionTip=!1,new s.a({el:"#app",router:h,axios:r.a,components:{App:f},template:"<App/>"})}},["NHnr"]);
//# sourceMappingURL=app.67622728a0c8432abe02.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///./src/components/header.vue?a0b7","webpack:///./src/components/header.vue","webpack:///src/components/header.vue","webpack:///src/components/loginMenu.vue","webpack:///./src/components/loginMenu.vue?dba0","webpack:///./src/components/loginMenu.vue","webpack:///src/components/noticeList.vue","webpack:///./src/components/noticeList.vue?268a","webpack:///./src/components/noticeList.vue","webpack:///src/App.vue","webpack:///./src/App.vue?bae5","webpack:///./src/App.vue","webpack:///./src/router/index.js","webpack:///./src/main.js"],"names":["components_header","render","_h","this","$createElement","_self","_c","_v","staticRenderFns","src_components_header","__webpack_require__","normalizeComponent","name","data","ssrContext","loginMenu","username","password","methods","login","axios_default","a","post","then","message","alert","window","location","href","components_loginMenu","_vm","staticClass","on","submit","$event","preventDefault","directives","rawName","value","expression","attrs","type","placeholder","domProps","input","target","composing","_m","noticeList","el","components","created","fetchNoticeList","_this","console","log","components_noticeList","_l","notice","key","date","_s","title","App","siteHeader","loginMenu_normalizeComponent","noticeList_normalizeComponent","selectortype_template_index_0_src_App","id","src_App","App_normalizeComponent","Vue","use","Router","router","routes","path","component","config","productionTip","axios","template"],"mappings":"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","file":"static/js/app.67622728a0c8432abe02.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_vm._v(\"\\n 로고 들어갈 자리\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-a053b704\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/header.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-a053b704\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./header.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./header.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./header.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-a053b704\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./header.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/header.vue\n// module id = null\n// module chunks = ","<template>\n <header>\n 로고 들어갈 자리\n </header>\n</template>\n\n<script>\nexport default {\n name: 'header',\n data () {\n return {\n\n }\n }\n}\n</script>\n\n<style>\n header{\n height: 150px;\n background-color: grey;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/header.vue","<template>\n <div class=\"login-menu\">\n <div class=\"input-box\">\n <form v-on:submit.prevent=\"login\">\n <ul class=\"login-input-list\">\n <li>\n <input type=\"text\" v-model=\"username\" placeholder=\"USERNAME\" />\n </li>\n <li>\n <input type=\"password\" v-model=\"password\" placeholder=\"PASSWORD\" />\n </li>\n <li>\n <button type=\"submit\">login</button>\n </li>\n </ul>\n </form>\n </div>\n </div>\n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default {\n data () {\n return {\n username: '',\n password: ''\n }\n },\n methods: {\n login () {\n axios\n .post('/api/login', {\n username: this.username,\n password: this.password\n })\n .then(function (message) {\n if (message.data === 'isExist') {\n alert('isExist')\n }\n if (message.data === 'success') {\n window.location.href = '/'\n }\n })\n }\n }\n}\n</script>\n\n<style>\n.login-menu {\n position: absolute;\n right: 150px;\n top: 200px;\n width: 400px;\n height: 500px;\n background-color: white;\n border-radius: 4px;\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n}\n.login-menu .input-box {\n height: 400px;\n margin: 50px 25px 50px 25px;\n width: 350px;\n display: flex;\n justify-content: center;\n}\n.login-input-list input {\n font-size: 20px;\n width: 300px;\n height: 50px;\n border-radius: 5px;\n padding-left: 40px;\n margin-top: 20px;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button {\n font-size: 20px;\n width: 345px;\n height: 50px;\n border-radius: 5px;\n margin-top: 20px;\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button:hover {\n cursor: pointer;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/loginMenu.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-menu\"},[_c('div',{staticClass:\"input-box\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.login($event)}}},[_c('ul',{staticClass:\"login-input-list\"},[_c('li',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.username),expression:\"username\"}],attrs:{\"type\":\"text\",\"placeholder\":\"USERNAME\"},domProps:{\"value\":(_vm.username)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.username=$event.target.value}}})]),_vm._v(\" \"),_c('li',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"password\",\"placeholder\":\"PASSWORD\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}})]),_vm._v(\" \"),_vm._m(0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('button',{attrs:{\"type\":\"submit\"}},[_vm._v(\"login\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-710ecc9a\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/loginMenu.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-710ecc9a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./loginMenu.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./loginMenu.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./loginMenu.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-710ecc9a\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./loginMenu.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/loginMenu.vue\n// module id = null\n// module chunks = ","<template>\r\n <div class = \"noticeList\">\r\n <ul>\r\n <li v-for = \"notice in noticeList\" :key=\"notice.date\">\r\n {{notice.title}}\r\n <br>\r\n {{notice.date}}\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n el: '.noticeList',\r\n name: 'noticeList',\r\n data () {\r\n return {\r\n noticeList: []\r\n }\r\n },\r\n components: {\r\n },\r\n created () {\r\n this.fetchNoticeList()\r\n },\r\n methods: {\r\n fetchNoticeList () {\r\n axios\r\n .post('/api/fetchNoticeList', {})\r\n .then((noticeList) => {\r\n console.log(noticeList.data)\r\n this.noticeList = noticeList.data\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n .imfoList{\r\n width: 800px;\r\n background: grey;\r\n }\r\n ul{\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 auto 10px auto;\r\n }\r\n li{\r\n margin-bottom:10px;\r\n }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/noticeList.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"noticeList\"},[_c('ul',_vm._l((_vm.noticeList),function(notice){return _c('li',{key:notice.date},[_vm._v(\"\\n \"+_vm._s(notice.title)+\"\\n \"),_c('br'),_vm._v(\"\\n \"+_vm._s(notice.date)+\"\\n \")])}),0)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7d0df2e0\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/noticeList.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7d0df2e0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./noticeList.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./noticeList.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./noticeList.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7d0df2e0\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./noticeList.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/noticeList.vue\n// module id = null\n// module chunks = ","<template>\n<div id=\"app\">\n <siteHeader></siteHeader>\n <div class = \"body\">\n <noticeList></noticeList>\n </div>\n</div>\n</template>\n\n<script>\nimport siteHeader from './components/header'\nimport loginMenu from './components/loginMenu'\nimport noticeList from './components/noticeList'\n\nexport default {\n name: 'App',\n components: {\n 'siteHeader': siteHeader,\n 'loginMenu': loginMenu,\n 'noticeList': noticeList\n }\n}\n</script>\n\n<style>\nbody{\n margin: 0;\n}\na{\n text-decoration: none;\n color: inherit;\n}\nli{\n list-style: none;\n}\ninput{\n border: none;\n}\nbutton{\n border:none;\n}\nul{\n padding:0;\n}\n.body{\n margin-top:10px;\n display: flex;\n justify-content: center;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('siteHeader'),_vm._v(\" \"),_c('div',{staticClass:\"body\"},[_c('noticeList')],1)],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-41b390ab\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-41b390ab\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-41b390ab\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue'\nimport Router from 'vue-router'\nimport App from '@/App'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'App',\n component: App\n }\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\nimport axios from 'axios'\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n axios,\n components: { App },\n template: '<App/>'\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap c906a925ed348fd95e58"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap c906a925ed348fd95e58"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap b95169acc2742d5b1f8c"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b95169acc2742d5b1f8c"],"sourceRoot":""}
\ No newline at end of file
......
......@@ -12,7 +12,7 @@ var noticeList = async function(req,res){
});
connection.connect();
connection.query('select * from noticeList order by date desc',function(err,rows){
connection.query('select title,link,date_format(date,"%Y-%m-%d") as date,site from noticeList order by date desc',function(err,rows){
if(err){
console.log(err);
}
......
......@@ -23,8 +23,14 @@ export default {
</script>
<style>
@font-face{
font-family: 'JejuGothic';
src: url('assets/JejuGothic.ttf');
}
body{
font-family: JejuGothic;
margin: 0;
background: #f2f3f5;
}
a{
text-decoration: none;
......
No preview for this file type
<template>
<header>
로고 들어갈 자리
<br>
디자이너 구합니다.
</header>
</template>
......
<template>
<a v-bind:href = "link">
<li class = "item">
{{title}}
<br>
{{site}}
<br>
{{date}}
</li>
</a>
</template>
<script>
export default {
name: 'noticeItem',
data () {
return {
date: '2020-20-20',
title: 'example title',
site: 'imaginary site',
link: 'site link'
}
}
}
</script>
<style>
.item{
background: white;
height: 70px;
padding: 10px;
}
</style>
<template>
<div class = "noticeList">
<ul>
<li v-for = "notice in noticeList" :key="notice.date">
{{notice.title}}
<br>
{{notice.date}}
<li class = "item" >
<div class = "title">[속보] 히나미자와 대 화산폭발사건에 관한 진상규명위원회 편찬중</div>
<div class = "noticeInfo">
<span class = "site">소노자키 일보</span>
<span class = "date">쇼와 69년 7월</span>
</div>
</li>
<li class = "item" >
<div class = "title">[광고] 구합니다.</div>
<div class = "noticeInfo">
<span class = "site">선입금은</span>
<span class = "date">언제나 환영</span>
</div>
</li>
<li class = "item" v-for="notice in noticeList" :key="notice.date">
<a v-bind:href="notice.link"><div class = "title">{{notice.title}}</div></a>
<div class = "noticeInfo">
<span class = "site">{{notice.site}}</span>
<span class = "date">{{notice.date}}</span>
</div>
</li>
</ul>
</div>
</template>
......@@ -15,7 +31,6 @@ import axios from 'axios'
export default {
el: '.noticeList',
name: 'noticeList',
data () {
return {
noticeList: []
......@@ -40,16 +55,32 @@ export default {
</script>
<style>
.imfoList{
width: 800px;
background: grey;
}
ul{
display: flex;
flex-direction: column;
margin: 0 auto 10px auto;
}
li{
margin-bottom:10px;
}
.imfoList{
width: 800px;
background: grey;
}
ul{
display: flex;
flex-direction: column;
margin: 0 auto 10px auto;
}
li{
margin-bottom:5px;
}
.item{
background: white;
height: 50px;
display: flex;
position: relative;
padding: 15px;
width: 800px;
border-radius:5px;
}
.noticeInfo{
position: absolute;
bottom:15px;
}
.date{
color: grey;
}
</style>
......