{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?94ac","webpack:///./src/components/page/HostingIntro.vue?3bed","webpack:///src/components/page/HostingIntro.vue","webpack:///./src/components/page/HostingIntro.vue?777f","webpack:///./src/components/page/HostingIntro.vue?a55e","webpack:///./src/components/component/LpBanner.vue?b7dd","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue?accd","webpack:///./src/components/page/HostingIntro.vue?4b03"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","text","title1","content1","_m","content2","_l","item","key","name","price_type","_f","price","price_text","desc","title2","staticRenderFns","staticStyle","component","style","_e","title","subTitle","props","type","String","default","img","device","color","textAlign","isDim","Boolean","contentWidthPc","contentWidthM","height","Number","top","created","setBg","ev","window","addEventListener","beforeDestroy","removeEventListener","data","bgStyle","backgroundPosition","backgroundRepeat","backgroundSize","width","position","undefined","methods","console","log","backgroundImage","innerWidth","computed","contentStylePc","contentStyleM"],"mappings":"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","file":"js/chunk-00b33170.dd5918ed.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_server_hosting.png\",\"device\":\"pc\",\"title\":\"AWS 서버 호스팅\",\"sub-title\":\"아마존 웹서비스 서버\"}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"padding-top-80\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(_vm._s(_vm.text.title1))]),_c('div',{staticClass:\"body4 error margin-left-8\"},[_vm._v(\"*필수가입사항\")])]),_c('div',{staticClass:\"body2 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_vm._m(0),_c('div',{staticClass:\"body2 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-52\"},[_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info\"},[_c('div',{staticClass:\"h7 primary\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"margin-top-4\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]):_c('div',{staticClass:\"h5 main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"lp-divider-gray2 margin-top-24 margin-bottom-36\"}),_c('div',{staticClass:\"body2 sub3 padding-bottom-24\"},[_c('div',[_vm._v(_vm._s(item.desc))]),_c('div',[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)])])])],1),_c('div',{staticClass:\"mobile\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_server_hosting.png\",\"device\":\"mobile\",\"title\":\"AWS 서버 호스팅\",\"sub-title\":\"아마존 웹서비스 서버\"}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"padding-top-32\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.text.title1))]),_c('div',{staticClass:\"body6 error margin-left-8\"},[_vm._v(\"*필수가입사항\")])]),_c('div',{staticClass:\"body4 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_c('div',{staticClass:\"flex-align margin-top-32\"},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.text.title2))]),_c('div',{staticClass:\"body6 error margin-left-8\"},[_vm._v(\"*vat별도\")])]),_c('div',{staticClass:\"body4 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-52\"},[_c('div',_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info\"},[_c('div',{staticClass:\"h7 primary\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"margin-top-4\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"h7 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]):_c('div',{staticClass:\"h7 main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"lp-divider-gray2 margin-top-16 margin-bottom-16\"}),_c('div',{staticClass:\"body2 sub3\"},[_c('div',[_vm._v(_vm._s(item.desc))]),_c('div',[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)])])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-top\":\"90px\"}},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(\"플랜 및 가격\")]),_c('div',{staticClass:\"body4 error margin-left-8\"},[_vm._v(\"*vat별도\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <lp-banner img=\"page_thumb_server_hosting.png\" device=\"pc\"\r\n                 title=\"AWS 서버 호스팅\" sub-title=\"아마존 웹서비스 서버\"></lp-banner>\r\n      <div class=\"container\">\r\n        <div class=\"padding-top-80\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"subtitle3 main\">{{ text.title1 }}</div>\r\n            <div class=\"body4 error margin-left-8\">*필수가입사항</div>\r\n          </div>\r\n          <div class=\"body2 sub2 margin-top-16 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align\" style=\"margin-top:90px\">\r\n            <div class=\"subtitle3 main\">플랜 및 가격</div>\r\n            <div class=\"body4 error margin-left-8\">*vat별도</div>\r\n          </div>\r\n          <div class=\"body2 sub2 margin-top-16 introduction-content\">{{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-52\">\r\n            <div class=\"card-wrapper\">\r\n              <div class=\"card-info\" v-for=\"item in list\" :key=\"`hosting-${item.id}`\">\r\n                <div class=\"h7 primary\">{{ item.name }}</div>\r\n                <div class=\"margin-top-4\">\r\n                  <div v-if=\"item.price_type===0\">\r\n                    <span class=\"h5 main\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main\">원</span>\r\n                    <span class=\"body4 sub3\">/</span>\r\n                    <span class=\"body4 sub3 margin-left-4\">월</span>\r\n                  </div>\r\n                  <div class=\"h5 main\" v-else>{{ item.price_text }}</div>\r\n                </div>\r\n                <div class=\"lp-divider-gray2 margin-top-24 margin-bottom-36\"></div>\r\n                <div class=\"body2 sub3 padding-bottom-24\">\r\n                  <div>{{ item.desc }}</div>\r\n                  <div>{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <lp-banner img=\"page_thumb_server_hosting.png\" device=\"mobile\"\r\n                 title=\"AWS 서버 호스팅\" sub-title=\"아마존 웹서비스 서버\"></lp-banner>\r\n      <div class=\"container\">\r\n        <div class=\"padding-top-32\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"subtitle5 main\">{{ text.title1 }}</div>\r\n            <div class=\"body6 error margin-left-8\">*필수가입사항</div>\r\n          </div>\r\n          <div class=\"body4 sub2 margin-top-16 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align margin-top-32\">\r\n            <div class=\"subtitle5 main\">{{ text.title2 }}</div>\r\n            <div class=\"body6 error margin-left-8\">*vat별도</div>\r\n          </div>\r\n          <div class=\"body4 sub2 margin-top-16 introduction-content\">{{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-52\">\r\n            <div>\r\n              <div class=\"card-info\" v-for=\"item in list\" :key=\"`hosting-${item.id}`\">\r\n                <div class=\"h7 primary\">{{ item.name }}</div>\r\n                <div class=\"margin-top-4\">\r\n                  <div v-if=\"item.price_type===0\">\r\n                    <span class=\"h7 main\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main\">원</span>\r\n                    <span class=\"body4 sub3\">/</span>\r\n                    <span class=\"body4 sub3 margin-left-4\">월</span>\r\n                  </div>\r\n                  <div class=\"h7 main\" v-else>{{ item.price_text }}</div>\r\n                </div>\r\n                <div class=\"lp-divider-gray2 margin-top-16 margin-bottom-16\"></div>\r\n                <div class=\"body2 sub3\">\r\n                  <div>{{ item.desc }}</div>\r\n                  <div>{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import LpBanner from \"../component/LpBanner\";\r\n  export default {\r\n    name: \"HostingIntro\",\r\n    components: {LpBanner},\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        list: [],\r\n        text: {\r\n          title1: 'AWS 서버 호스팅이란?',\r\n          title2: '플랜 및 가격',\r\n          content1: '고객의 서비스 개설 및 플랫폼 유지를 위해 필요한 안정적인 서버를 제공합니다.  런치팩에서 제공하는 호스팅은  AWS 서비스를 기반으로 하며 지속성과 안정성을 보장합니다. \\n' +\r\n            '*AWS-Amazon web  services',\r\n          content2: '동시접속자의 수에 따라 플랜이 결정됩니다. 동시 접속 수는 1초에 서비스에서 발생하는 서버 호출 트래픽 양을 대략적으로 환산한 수치로 실제 접속한 사용자의 수와 차이가 있을 수 있습니다.\\n' +\r\n            '\\n' +\r\n            '100건 미만/100~500건/500건 이상으로 플랜이 구분되며, 약 500건 이상의 동시 접속 수가 꾸준히 발생하는 서비스의 경우 해당 서비스의 트래픽 환경에 적합한 서버를 구성해 드리는 독립 호스팅을 추천드립니다. \\n' +\r\n            '\\n' +\r\n            '최초 개설시에는 BASIC 단계를 추전드리며, 차후 접속자 수에 따라 플랜변경이 가능합니다. '\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      getData() {\r\n        this.$axios.get('public/launchpack/hosting').then(res=>{\r\n          this.list = res.data;\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .pc\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 32px 40px\r\n      border-radius 8px\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 24px\r\n      border-radius 8px\r\n      margin-top 24px\r\n\r\n  .introduction-content\r\n    white-space pre-line\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HostingIntro.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HostingIntro.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HostingIntro.vue?vue&type=template&id=c8ab18a0&scoped=true&\"\nimport script from \"./HostingIntro.vue?vue&type=script&lang=js&\"\nexport * from \"./HostingIntro.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HostingIntro.vue?vue&type=style&index=0&id=c8ab18a0&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c8ab18a0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bgStyle)},[(_vm.isDim)?_c('div',{staticClass:\"dim\"}):_vm._e(),_c('div',{staticClass:\"pc content\",style:(_vm.contentStylePc)},[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-18\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()]),_c('div',{staticClass:\"mobile content\",style:(_vm.contentStyleM)},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-14\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"bgStyle\">\r\n    <div v-if=\"isDim\" class=\"dim\"></div>\r\n    <div class=\"pc content\" :style=\"contentStylePc\">\r\n      <div class=\"h2\">{{ title }}</div>\r\n      <div class=\"size-18\" style=\"margin-top:12px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n    <div class=\"mobile content\" :style=\"contentStyleM\">\r\n      <div class=\"h6\">{{ title }}</div>\r\n      <div class=\"size-14\" style=\"margin-top:4px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"LpBanner\",\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    device: {\r\n      type: String,\r\n      default: 'pc'\r\n    },\r\n    color: {\r\n      type: String,\r\n      default: 'white'\r\n    },\r\n    textAlign: {\r\n      type: String,\r\n      default: 'center'\r\n    },\r\n    isDim: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    contentWidthPc: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    contentWidthM: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    height: {\r\n      type: Number\r\n    },\r\n    top: {\r\n      type: String,\r\n      default: '50%'\r\n    }\r\n\r\n  },\r\n  created() {\r\n    this.setBg();\r\n    this.ev = () => {\r\n      this.setBg();\r\n    };\r\n    window.addEventListener('resize', this.ev);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.ev);\r\n  },\r\n  data() {\r\n    return {\r\n      bgStyle: {\r\n        backgroundPosition: 'center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundSize: 'cover',\r\n        width: '100%',\r\n        color: 'white',\r\n        textAlign: 'center',\r\n        height: '100px',\r\n        position: 'relative'\r\n      },\r\n      ev: undefined\r\n    }\r\n  },\r\n  methods: {\r\n    setBg() {\r\n      console.log('setBg')\r\n      this.bgStyle.backgroundImage = `url(/static/img/${this.img})`;\r\n      let height = 0;\r\n      if (this.height) {\r\n        height = this.height;\r\n      } else {\r\n        if (this.device === 'pc') {\r\n          height = window.innerWidth / 6;\r\n        } else {\r\n          height = window.innerWidth / 2.3;\r\n        }\r\n      }\r\n      this.bgStyle.height = `${height}px`;\r\n      this.bgStyle.color = this.color;\r\n      this.bgStyle.textAlign = this.textAlign;\r\n    }\r\n  },\r\n  computed: {\r\n    contentStylePc() {\r\n      return {\r\n        width: this.contentWidthPc,\r\n        top: this.top\r\n      }\r\n    },\r\n    contentStyleM() {\r\n      return {\r\n        width: this.contentWidthM,\r\n        top: this.top\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .dim\r\n    background-color rgba(0,0,0,0.3)\r\n    position absolute\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n\r\n  .content\r\n    position absolute\r\n    left 50%\r\n    transform translate(-50%, -50%)\r\n    white-space pre-line\r\n    word-break keep-all\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpBanner.vue?vue&type=template&id=6556acc9&scoped=true&\"\nimport script from \"./LpBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./LpBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6556acc9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HostingIntro.vue?vue&type=style&index=0&id=c8ab18a0&lang=stylus&scoped=true&\""],"sourceRoot":""}