이태화 / khu-notice-project

Go to a project
Toggle navigation Toggle navigation pinning
이태화
75cd9876 1 parent 8669fa59

basic layout design 0.1ver

Expand all
Inline Side-by-side
Showing 18 changed files with 80 additions and 175 deletions
1 -<!DOCTYPE html>
2 -<html>
3 - <head>
4 - <meta charset=utf-8>
5 - <meta name=viewport content="width=device-width,initial-scale=1">
6 - <title>frontend-builder</title>
7 - <link href=/static/css/app.fc5fa874c8f7bc28920db0a2d71975e3.css rel=stylesheet>
8 - </head>
9 - <body>
10 - <div id=app></div>
11 - <script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script>
12 - <script type=text/javascript src=/static/js/vendor.7c229c2b77c6a7c173c8.js></script>
13 - <script type=text/javascript src=/static/js/app.1c82529d06a0d394383f.js></script>
14 - </body>
15 -</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!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.af94cf0a3cfb615a5551a87bac17fc06.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.25dea6759a08f5edc2ec.js></script></body></html>
...\ No newline at end of file ...\ No newline at end of file
......
1 +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}.item{background:#fff;height:70px;padding:10px}
2 +/*# sourceMappingURL=app.af94cf0a3cfb615a5551a87bac17fc06.css.map */
...\ No newline at end of file ...\ No newline at end of file
1 +{"version":3,"sources":["app.af94cf0a3cfb615a5551a87bac17fc06.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,CAEA,MACI,eAAiB,CACjB,WAAY,CACZ,YACJ","file":"app.af94cf0a3cfb615a5551a87bac17fc06.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\n.item{\r\n background: white;\r\n height: 70px;\r\n padding: 10px;\n}\r\n"]}
...\ No newline at end of file ...\ No newline at end of file
1 -body{margin:0}a{text-decoration:none;color:inherit}li{list-style:none}button,input{border:none}ul{padding:0}nav{height:50px;background-color:#0a001b}nav .nav-item-box{width:120px;height:50px;float:right}nav .nav-item{color:#fff;font-size:14px;height:30px;width:100px;margin-top:10px;border-radius:5px;border:1px solid #afa7f1;text-align:center;line-height:25px}.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}h1[data-v-d8ec41bc],h2[data-v-d8ec41bc]{font-weight:400}ul[data-v-d8ec41bc]{list-style-type:none;padding:0}li[data-v-d8ec41bc]{display:inline-block;margin:0 10px}a[data-v-d8ec41bc]{color:#42b983}
2 -/*# sourceMappingURL=app.fc5fa874c8f7bc28920db0a2d71975e3.css.map */
...\ No newline at end of file ...\ No newline at end of file
1 -{"version":3,"sources":["app.fc5fa874c8f7bc28920db0a2d71975e3.css"],"names":[],"mappings":"AACA,KACI,QACJ,CACA,EACI,oBAAqB,CACrB,aACJ,CACA,GACI,eACJ,CAIA,aACI,WACJ,CACA,GACI,SACJ,CAEA,IACI,WAAY,CACZ,wBACJ,CACA,kBACI,WAAY,CACZ,WAAY,CACZ,WACJ,CACA,cACI,UAAW,CACX,cAAe,CACf,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,iBAAkB,CAClB,wBAAmC,CACnC,iBAAkB,CAClB,gBACJ,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,wCACE,eACF,CACA,oBACE,oBAAqB,CACrB,SACF,CACA,oBACE,oBAAqB,CACrB,aACF,CACA,mBACE,aACF","file":"app.fc5fa874c8f7bc28920db0a2d71975e3.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\nnav{\r\n height: 50px;\r\n background-color: rgb(10, 0, 27);\n}\nnav .nav-item-box{\r\n width: 120px;\r\n height: 50px;\r\n float: right;\n}\nnav .nav-item{\r\n color:white;\r\n font-size: 14px;\r\n height: 30px;\r\n width: 100px;\r\n margin-top: 10px;\r\n border-radius: 5px;\r\n border:1px solid rgb(175, 167, 241);\r\n text-align: center;\r\n line-height: 25px;\n}\r\n\n.login-menu {\r\n position: absolute;\r\n right: 150px;\r\n top: 200px;\r\n width: 400px;\r\n height: 500px;\r\n background-color: white;\r\n border-radius: 4px;\r\n -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);\n}\n.login-menu .input-box {\r\n height: 400px;\r\n margin: 50px 25px 50px 25px;\r\n width: 350px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\n}\n.login-input-list input {\r\n font-size: 20px;\r\n width: 300px;\r\n height: 50px;\r\n border-radius: 5px;\r\n padding-left: 40px;\r\n margin-top: 20px;\r\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button {\r\n font-size: 20px;\r\n width: 345px;\r\n height: 50px;\r\n border-radius: 5px;\r\n margin-top: 20px;\r\n -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);\n}\n.login-input-list button:hover {\r\n cursor: pointer;\n}\r\n\nh1[data-v-d8ec41bc], h2[data-v-d8ec41bc] {\n font-weight: normal;\n}\nul[data-v-d8ec41bc] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-d8ec41bc] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-d8ec41bc] {\n color: #42b983;\n}\n"]}
...\ No newline at end of file ...\ No newline at end of file
1 -webpackJsonp([1],{"1uuo":function(t,e){},NHnr:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n("7+uW"),a={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",[e("nav",[e("div",{staticClass:"nav-item-box"},[e("div",{staticClass:"nav-item"},[this._v("item")])]),this._v(" "),e("div",{staticClass:"nav-item-box"},[e("div",{staticClass:"nav-item"},[this._v("item")])]),this._v(" "),e("div",{staticClass:"nav-item-box"},[e("a",{attrs:{href:""}},[e("div",{staticClass:"nav-item"},[this._v("login")])])])])])}]};var r=n("VU/8")({name:"header",data:function(){return{}}},a,!1,function(t){n("jwhu")},null,null).exports,i=n("mtWM"),o=n.n(i),u={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,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 v={name:"App",components:{siteHeader:r,loginMenu:n("VU/8")(u,l,!1,function(t){n("rVxt")},null,null).exports}},c={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("loginMenu")],1)],1)},staticRenderFns:[]};var h=n("VU/8")(v,c,!1,function(t){n("qCup")},null,null).exports,p=n("/ocq"),m={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"hello"},[n("h1",[t._v(t._s(t.msg))]),t._v(" "),n("h2",[t._v("Essential Links")]),t._v(" "),t._m(0),t._v(" "),n("h2",[t._v("Ecosystem")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",[n("li",[n("a",{attrs:{href:"https://vuejs.org",target:"_blank"}},[t._v("\n Core Docs\n ")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://forum.vuejs.org",target:"_blank"}},[t._v("\n Forum\n ")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://chat.vuejs.org",target:"_blank"}},[t._v("\n Community Chat\n ")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://twitter.com/vuejs",target:"_blank"}},[t._v("\n Twitter\n ")])]),t._v(" "),n("br"),t._v(" "),n("li",[n("a",{attrs:{href:"http://vuejs-templates.github.io/webpack/",target:"_blank"}},[t._v("\n Docs for This Template\n ")])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("ul",[e("li",[e("a",{attrs:{href:"http://router.vuejs.org/",target:"_blank"}},[this._v("\n vue-router\n ")])]),this._v(" "),e("li",[e("a",{attrs:{href:"http://vuex.vuejs.org/",target:"_blank"}},[this._v("\n vuex\n ")])]),this._v(" "),e("li",[e("a",{attrs:{href:"http://vue-loader.vuejs.org/",target:"_blank"}},[this._v("\n vue-loader\n ")])]),this._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/vuejs/awesome-vue",target:"_blank"}},[this._v("\n awesome-vue\n ")])])])}]};var _=n("VU/8")({name:"HelloWorld",data:function(){return{msg:"Welcome to Your Vue.js App"}}},m,!1,function(t){n("1uuo")},"data-v-d8ec41bc",null).exports;s.a.use(p.a);var d=new p.a({routes:[{path:"/",name:"HelloWorld",component:_}]});s.a.config.productionTip=!1,new s.a({el:"#app",router:d,axios:o.a,components:{App:h},template:"<App/>"})},jwhu:function(t,e){},qCup:function(t,e){},rVxt:function(t,e){}},["NHnr"]);
2 -//# sourceMappingURL=app.1c82529d06a0d394383f.js.map
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
1 +webpackJsonp([1],{"+0vU":function(t,e){},"0pJx":function(t,e){},AKAA: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 r=n("VU/8")({name:"header",data:function(){return{}}},i,!1,function(t){n("0pJx")},null,null).exports,a=n("mtWM"),o=n.n(a),u={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,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 c=n("VU/8")(u,l,!1,function(t){n("AKAA")},null,null).exports,p={render:function(){this.$createElement;this._self._c;return this._m(0)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("a",[e("li",{staticClass:"item"},[this._v("\r\n hello\r\n "),e("br"),this._v("\r\n it's me\r\n")])])}]};var m={name:"App",components:{item:n("VU/8")(null,p,!1,function(t){n("pS+w")},null,null).exports}},d={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"imfoList"},[e("ul",[e("item"),this._v(" "),e("item"),this._v(" "),e("item"),this._v(" "),e("item"),this._v(" "),e("item"),this._v(" "),e("item"),this._v(" "),e("item")],1)])},staticRenderFns:[]};var v={name:"App",components:{siteHeader:r,loginMenu:c,imfoList:n("VU/8")(m,d,!1,function(t){n("v8S2")},null,null).exports}},f={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("imfoList")],1)],1)},staticRenderFns:[]};var h=n("VU/8")(v,f,!1,function(t){n("+0vU")},null,null).exports,_=n("/ocq");s.a.use(_.a);var w=new _.a({routes:[{path:"/",name:"App",component:h}]});s.a.config.productionTip=!1,new s.a({el:"#app",router:w,axios:o.a,components:{App:h},template:"<App/>"})},"pS+w":function(t,e){},v8S2:function(t,e){}},["NHnr"]);
2 +//# sourceMappingURL=app.25dea6759a08f5edc2ec.js.map
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
1 -{"version":3,"sources":["webpack:///webpack/bootstrap 08b86f1d9e796a1ba692"],"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 08b86f1d9e796a1ba692"],"sourceRoot":""}
...\ No newline at end of file ...\ No newline at end of file
1 +{"version":3,"sources":["webpack:///webpack/bootstrap 754afa2297c7b3c24229"],"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 754afa2297c7b3c24229"],"sourceRoot":""}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -11,11 +11,9 @@ app.use(express.static(path.join(__dirname,'/public'))) ...@@ -11,11 +11,9 @@ app.use(express.static(path.join(__dirname,'/public')))
11 app.use(router); 11 app.use(router);
12 12
13 const indexRouter = require('./routes/root'); 13 const indexRouter = require('./routes/root');
14 -const loginRouter = require('./routes/api/login');
15 14
16 15
17 router.get('/', indexRouter); 16 router.get('/', indexRouter);
18 -router.post('/api/login', loginRouter);
19 17
20 18
21 19
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div id="app"> 2 <div id="app">
3 <siteHeader></siteHeader> 3 <siteHeader></siteHeader>
4 <div class = "body"> 4 <div class = "body">
5 - <loginMenu></loginMenu> 5 + <imfoList></imfoList>
6 </div> 6 </div>
7 </div> 7 </div>
8 </template> 8 </template>
...@@ -10,12 +10,14 @@ ...@@ -10,12 +10,14 @@
10 <script> 10 <script>
11 import siteHeader from './components/header' 11 import siteHeader from './components/header'
12 import loginMenu from './components/loginMenu' 12 import loginMenu from './components/loginMenu'
13 +import imfoList from './components/imfoList'
13 14
14 export default { 15 export default {
15 name: 'App', 16 name: 'App',
16 components: { 17 components: {
17 'siteHeader': siteHeader, 18 'siteHeader': siteHeader,
18 - 'loginMenu': loginMenu 19 + 'loginMenu': loginMenu,
20 + 'imfoList': imfoList
19 } 21 }
20 } 22 }
21 </script> 23 </script>
...@@ -40,4 +42,9 @@ button{ ...@@ -40,4 +42,9 @@ button{
40 ul{ 42 ul{
41 padding:0; 43 padding:0;
42 } 44 }
45 +.body{
46 + margin-top:10px;
47 + display: flex;
48 + justify-content: center;
49 +}
43 </style> 50 </style>
......
1 -<template>
2 - <div class="hello">
3 - <h1>{{ msg }}</h1>
4 - <h2>Essential Links</h2>
5 - <ul>
6 - <li>
7 - <a
8 - href="https://vuejs.org"
9 - target="_blank"
10 - >
11 - Core Docs
12 - </a>
13 - </li>
14 - <li>
15 - <a
16 - href="https://forum.vuejs.org"
17 - target="_blank"
18 - >
19 - Forum
20 - </a>
21 - </li>
22 - <li>
23 - <a
24 - href="https://chat.vuejs.org"
25 - target="_blank"
26 - >
27 - Community Chat
28 - </a>
29 - </li>
30 - <li>
31 - <a
32 - href="https://twitter.com/vuejs"
33 - target="_blank"
34 - >
35 - Twitter
36 - </a>
37 - </li>
38 - <br>
39 - <li>
40 - <a
41 - href="http://vuejs-templates.github.io/webpack/"
42 - target="_blank"
43 - >
44 - Docs for This Template
45 - </a>
46 - </li>
47 - </ul>
48 - <h2>Ecosystem</h2>
49 - <ul>
50 - <li>
51 - <a
52 - href="http://router.vuejs.org/"
53 - target="_blank"
54 - >
55 - vue-router
56 - </a>
57 - </li>
58 - <li>
59 - <a
60 - href="http://vuex.vuejs.org/"
61 - target="_blank"
62 - >
63 - vuex
64 - </a>
65 - </li>
66 - <li>
67 - <a
68 - href="http://vue-loader.vuejs.org/"
69 - target="_blank"
70 - >
71 - vue-loader
72 - </a>
73 - </li>
74 - <li>
75 - <a
76 - href="https://github.com/vuejs/awesome-vue"
77 - target="_blank"
78 - >
79 - awesome-vue
80 - </a>
81 - </li>
82 - </ul>
83 - </div>
84 -</template>
85 -
86 -<script>
87 -export default {
88 - name: 'HelloWorld',
89 - data () {
90 - return {
91 - msg: 'Welcome to Your Vue.js App'
92 - }
93 - }
94 -}
95 -</script>
96 -
97 -<!-- Add "scoped" attribute to limit CSS to this component only -->
98 -<style scoped>
99 -h1, h2 {
100 - font-weight: normal;
101 -}
102 -ul {
103 - list-style-type: none;
104 - padding: 0;
105 -}
106 -li {
107 - display: inline-block;
108 - margin: 0 10px;
109 -}
110 -a {
111 - color: #42b983;
112 -}
113 -</style>
1 <template> 1 <template>
2 <header> 2 <header>
3 - <nav> 3 + 로고 들어갈 자리
4 - <div class = "nav-item-box">
5 - <div class = "nav-item">item</div>
6 - </div>
7 - <div class = "nav-item-box">
8 - <div class = "nav-item">item</div>
9 - </div>
10 - <div class = "nav-item-box">
11 - <a href="">
12 - <div class = "nav-item">login</div>
13 - </a>
14 - </div>
15 - </nav>
16 </header> 4 </header>
17 </template> 5 </template>
18 6
...@@ -28,25 +16,8 @@ export default { ...@@ -28,25 +16,8 @@ export default {
28 </script> 16 </script>
29 17
30 <style> 18 <style>
31 -nav{ 19 + header{
32 - height: 50px; 20 + height: 150px;
33 - background-color: rgb(10, 0, 27); 21 + background-color: grey;
34 -} 22 + }
35 -
36 -nav .nav-item-box{
37 - width: 120px;
38 - height: 50px;
39 - float: right;
40 -}
41 -nav .nav-item{
42 - color:white;
43 - font-size: 14px;
44 - height: 30px;
45 - width: 100px;
46 - margin-top: 10px;
47 - border-radius: 5px;
48 - border:1px solid rgb(175, 167, 241);
49 - text-align: center;
50 - line-height: 25px;
51 -}
52 </style> 23 </style>
......
1 +<template>
2 +<a>
3 +<li class = "item">
4 + hello
5 + <br>
6 + it's me
7 +</li>
8 +</a>
9 +</template>
10 +
11 +<style>
12 +.item{
13 + background: white;
14 + height: 70px;
15 + padding: 10px;
16 +}
17 +</style>
1 +<template>
2 + <div class = "imfoList">
3 + <ul>
4 + <item></item>
5 + <item></item>
6 + <item></item>
7 + <item></item>
8 + <item></item>
9 + <item></item>
10 + <item></item>
11 + </ul>
12 + </div>
13 +</template>
14 +
15 +<script>
16 +import item from './imfoItem.vue'
17 +
18 +export default {
19 + name: 'App',
20 + components: {
21 + 'item': item
22 + }
23 +}
24 +</script>
25 +
26 +<style>
27 + .imfoList{
28 + width: 800px;
29 + background: grey;
30 + }
31 + ul{
32 + display: flex;
33 + flex-direction: column;
34 + margin: 0 auto 10px auto;
35 + }
36 + li{
37 + margin-bottom:10px;
38 + }
39 +</style>
1 import Vue from 'vue' 1 import Vue from 'vue'
2 import Router from 'vue-router' 2 import Router from 'vue-router'
3 -import HelloWorld from '@/components/HelloWorld' 3 +import App from '@/App'
4 4
5 Vue.use(Router) 5 Vue.use(Router)
6 6
...@@ -8,8 +8,8 @@ export default new Router({ ...@@ -8,8 +8,8 @@ export default new Router({
8 routes: [ 8 routes: [
9 { 9 {
10 path: '/', 10 path: '/',
11 - name: 'HelloWorld', 11 + name: 'App',
12 - component: HelloWorld 12 + component: App
13 } 13 }
14 ] 14 ]
15 }) 15 })
......