{"id":757,"date":"2022-09-30T19:19:47","date_gmt":"2022-09-30T10:19:47","guid":{"rendered":"https:\/\/www.fsquare.co.kr\/?p=757"},"modified":"2022-10-06T10:48:21","modified_gmt":"2022-10-06T01:48:21","slug":"vue-%ec%95%b1-%eb%a7%8c%eb%93%a4%ea%b8%b0-4-%ec%b5%9c%ec%a2%85-%ec%95%b1-%ed%99%94%eb%a9%b4-%eb%a7%8c%eb%93%a4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/www.fsquare.co.kr\/?p=757","title":{"rendered":"Vue\uc785\ubb38\/Vue\ub85c \uc571 \ub9cc\ub4e4\uae30 (4 : \ucd5c\uc885) – \uc571 \ud654\uba74 \ub9cc\ub4e4\uae30"},"content":{"rendered":"

\uc774\ud2c0\ub3d9\uc548 Vue \uc124\uce58\uc640 Visual Studio Code(VSCode), Android Studio, Nativescript\ub97c \uc124\uce58\ud558\uace0 \uac04\ub2e8\ud55c Vue Web App\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uace0 Android \uac1c\ubc1c \ud658\uacbd\uae4c\uc9c0 \uc900\ube44\ub97c \ub2e4 \ud588\ub2e4.<\/p>\n

\uc774\uc81c \uac04\ub2e8\ud55c Android\uc6a9 \uc571\uc744 \ud558\ub098 \ub9cc\ub4e4\uc5b4 \uac1c\ubc1c\uc6a9 \uac24\ub7ed\uc2dc\ud0ed\uc5d0 \ub744\uc6cc \ubcf4\ub824\uace0 \ud55c\ub2e4.<\/p>\n

C:\\project\\vue \ud3f4\ub354\uc5d0 \ub9cc\ub4e0 vue-farm \ud3f4\ub354\uc5d0\uc11c \uacc4\uc18d \uc791\uc5c5\ud55c\ub2e4. vue-farm \ud3f4\ub354\uac00 \uc5c6\uc73c\uba74 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\ub824\uace0 \ud558\ub294 \ud3f4\ub354 ( \\project\\vue)\uc5d0\uc11c tns create vue-farm \uc774\ub77c\uace0 \uce58\uba74 \ud3f4\ub354\uac00 \ub9cc\ub4e4\uc5b4\uc9c0\uace0 vue-farm \ud504\ub85c\uc81d\ud2b8 \uae30\ubcf8 \ud30c\uc77c\ub4e4\uc774 \uc0dd\uc131\ub41c\ub2e4. \uc774 vue-farm \ud3f4\ub354 \ub0b4\uc5d0\uc11c npm  install  –save  nativescript-vue \ub77c\uace0 \uba85\ub839\uc744 \ub0b4\ub824 vue-farm \ud504\ub85c\uc81d\ud2b8\uc5d0 nativescript-vue\ub97c \ucd94\uac00\uc2dc\ucf1c \uc900\ub2e4.<\/p>\n

VSCode\ub97c \ub744\uc6cc\uc11c \uba54\ub274\uc758 \ud30c\uc77c > \ud3f4\ub354\uc5f4\uae30\ub97c \uc120\ud0dd\ud574\uc11c C:\\project\\vue\\vue-farm \ud3f4\ub354\ub97c \uc120\ud0dd\ud55c\ub2e4.<\/p>\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\ub300\ub7b5 \uc774\ub7f0 \ud3f4\ub354 \uad6c\uc870\uac00 \ubcf4\uc778\ub2e4. \uc5ec\uae30\uc11c app \ubc11\uc5d0 \uc788\ub294 app.js\ub97c \uc5f4\uc5b4\ubcf4\uba74 \uac04\ub2e8\ud55c \uc815\ubcf4\ub97c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud55c \ud398\uc774\uc9c0\ub97c \ub744\uc6b0\ub294 \uc2a4\ud06c\ub9bd\ud2b8\uac00 \ubcf4\uc778\ub2e4.<\/p>\n\n\n\n

[app.js \ud30c\uc77c]\nimport Vue from 'nativescript-vue'\n\nimport Home from '.\/components\/Home'\n\n\n\nnew Vue({\n  render: (h) => h('frame', [h(Home)]), \n}).$start()<\/pre>\n\n\n\n
\uc74c…Vue.js \uc608\uc81c \ud30c\uc77c\uc5d0\uc11c \ubcf4\ub358 App.js\uc640\ub294 \uc880 \ub2e4\ub978 \ubaa8\uc591\uc774\ub2e4. \ub300\ucda9 \uad6c\uc870\ub294 Vue() \uc5d0\uc11c render \ud568\uc218\ub97c \ud1b5\ud574 \ud504\ub85c\uadf8\ub7a8\uc774 \uc2dc\uc791\ub418\ub294 \uac83\uc744 \uc54c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n
\uc774 \ud30c\uc77c\uc744 \uc57d\uac04 \uc218\uc815\ud55c\ub2e4. components \ud3f4\ub354 \uc544\ub798\uc5d0 App.vue\ub97c \ub9cc\ub4e4\uc5b4\uc11c \uc4f8 \uc608\uc815\uc774\ubbc0\ub85c Home\uc744 \ube7c\uace0 App\ub97c \ucd94\uac00\ud55c\ub2e4.<\/p>\n\n\n\n
import Vue from 'nativescript-vue'\n\n\/* \uc0ad\uc81c\ub418\ub294 \ub77c\uc778  import Home from '.\/components\/Home' *\/\nimport App from '.\/components\/App'\n\nnew Vue({\n  render: (h) => h('frame', [h(App)]), \/\/ Home\uc774 App \ub85c \ubc14\ub00c\uc5c8\ub2e4.\n}).$start()\n<\/pre>\n\n\n\n
import Home \ub77c\uc778\uc740 \ud544\uc694\uc5c6\uc73c\ub2c8\uae4c \uc0ad\uc81c\ub97c \ud55c\ub2e4.<\/p>\n\n\n\n
\ub2e4\uc74c\uc5d4 components \ud3f4\ub354 \uc544\ub798\uc5d0 App.vue\uc640 Post.vue \ub450\uac1c\uc758 \ud30c\uc77c\uc744 \ub9cc\ub4e0\ub2e4. \uc18c\uc2a4\ub294 git\uc758 Instagram-NativeScript-Vue<\/a><\/strong><\/a> \ud504\ub85c\uc81d\ud2b8\ub97c \ucc38\uc870\ud558\uc600\ub2e4. <\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
App.vue \ud30c\uc77c\uc740 git\uc5d0\uc11c \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc740 App.vue \ud30c\uc77c\uc744 \ubcf5\ubd99\ud55c \ub2e4\uc74c \ud558\ub098\uc529 \uc218\uc815\uc744 \ud558\uba74\uc11c \uad6c\uc870\ub97c \ud30c\uc545\ud588\ub2e4.<\/p>\n\n\n\n
[App.vue \ud30c\uc77c]\n<template>\n  <Page>\n    <ActionBar>\n      <StackLayout>\n        <Image class=\"logo\" src=\"~\/assets\/images\/logo.png\" \/>\n      <\/StackLayout>\n    <\/ActionBar>\n\n    <ScrollView>\n      <StackLayout>\n        <Post v-for=\"(item, index) in posts\" \n                    :key=\"index\"\n                    :Image=\"item.Image\"  \n                    :Favor=\"item.Favor\"\n\n      \/>\n      <\/StackLayout>\n    <\/ScrollView>\n  <\/Page>\n<\/template>\n\n<script>\n  import Post from '.\/Post'\n  export default {\n    data(){\n      return{\n        posts: [\n          { Image: 'https:\/\/cdn.pixabay.com\/photo\/2022\/09\/21\/05\/39\/birds-7469509_960_720.jpg', Favor:0 },\n          { Image: 'https:\/\/cdn.pixabay.com\/photo\/2022\/02\/08\/09\/28\/boats-7001054_960_720.jpg' , Favor:0},\n          { Image: 'https:\/\/nespy2aub3if2yow3fcm0t5y-wpengine.netdna-ssl.com\/files\/2013\/11\/conhe%C3%A7a-londres-635x359.jpg', Favor:0 },\n          { Image: '~\/assets\/images\/1000454324980_i1_1200.jpg', Favor:0 }\n        ]\n      }\n    },\n    components: { Post }\n  }\n<\/script>\n\n<style lang=\"scss\" scoped>\n  ActionBar {\n    background-color: #f5f5f5;\n    color: #ffffff;\n  }\n  .logo{\n    width: 100;\n  }\n  .message {\n    vertical-align: center;\n    text-align: center;\n    font-size: 20;\n    color: #333333;\n  }\n<\/style><\/pre>\n\n\n\n
\uc218\uc815\ud55c \ubd80\ubd84\uc740 \uc911\uac04\uc758 Image Url\ub4e4\uc744 \uc2e4\uc81c pixabay\uc5d0 \uc788\ub294 \uc774\ubbf8\uc9c0 \uc8fc\uc18c\ub4e4\ub85c \uba87\uac1c \ubcc0\uacbd\ud574 \ubcf8\uac70\uace0 \ub9c8\uc9c0\ub9c9 Image Url\uc740 \ub85c\uceec\uc5d0 \uc788\ub294 \uc774\ubbf8\uc9c0\ub3c4 \ub418\ub294\uc9c0 \uc0d8\ud50c\ub85c \ud55c\ubc88 \ub123\uc5b4\ubd24\ub2e4. \uadf8\ub9ac\uace0 \uac01 Image\uc5d0 Favor\ub77c\uace0 \ud558\ub294 \ubcc0\uc218\ub4e4\uc744 \ucd08\uae30\uac12\uc744 \ud3ec\ud568\ud558\uc5ec \uc9c0\uc815\ud574 \ub450\uc5c8\ub2e4.<\/p>\n\n\n\n
\uc774 \ub54c \ub9c8\uc9c0\ub9c9 Image \ud30c\uc77c\uc758 \uc8fc\uc18c\uc5d0 \ud574\ub2f9\ud558\ub294 \uc2e4\uc81c \ud30c\uc77c\uc740 app \ud3f4\ub354 \uc544\ub798\uc758 asset \ud3f4\ub354\uc5d0 images\ub77c\uace0 \ud558\ub294 \ud3f4\ub354\ub97c \uc0dd\uc131\ud558\uc5ec \uadf8 \uc548\uc5d0 \ub123\uc5b4\ub450\uc5b4\uc57c \ud55c\ub2e4. \uadf8 \uc791\uc5c5\uc740 Windows \ud0d0\uc0c9\uae30 \uc0c1\uc5d0\uc11c \uc791\uc5c5\uc744 \ud558\uba74 \ub418\uaca0\ub2e4.<\/p>\n\n\n\n
\ub2e4\uc74c\uc740 Post.vue \ud30c\uc77c\uc774\ub2e4.<\/p>\n\n\n\n
[ Post.vue \ud30c\uc77c ]\n<template web>\n  <div class=\"post\">\n    <div class=\"post__profile\" @click=\"goTo('profile')\">\n      <div class=\"post__imgProfile\">\n        <img src=\"~\/assets\/images\/1000486794501_i1_1200.jpg\" style=\"width: 100%\">\n      <\/div>\n      <strong>\ud64d\uae38\ub3d9<\/strong>\n    <\/div>\n    <img class=\"post__image\" :src=\"Image\">\n    <div class=\"post__desc\">\n      <p>{{ Description }}<\/p>\n    <\/div>\n    \n  <\/div>\n<\/template>\n\n<template native>\n  <StackLayout class=\"post\">\n    <FlexboxLayout class=\"post__profile\" @tap=\"goTo('profile')\">\n      <StackLayout class=\"post__imgProfile\">\n        <Image\n          src=\"~\/assets\/images\/1000486794501_i1_1200.jpg\"\n          style=\"width: 100%\"\n        \/>\n      <\/StackLayout>\n      <Label text=\"\ud64d\uae38\ub3d9\" \/>\n\n    <\/FlexboxLayout>\n\n    <Image\n      class=\"post__image\"\n      :src=\"Image\"\n    \/>\n    <FlexboxLayout class=\"post__desc\">\n      <Label\n        textWrap\n        :text=\"Description\"\n      \/>\n    <\/FlexboxLayout>\n    <WrapLayout>\n        <Button text=\"\uc88b\uc544\uc694\" width=\"50%\" @tap=\"increase()\" \/>\n        <Label :text=\"Favor\" width=\"30%\" \/>\n    <\/WrapLayout>\n  <\/StackLayout>\n<\/template>\n\n<script>\n  const { VUE_APP_MODE } = process.env;\n\n  export default {\n    props: {\n      Image: String,\n      Description: String,\n      Favor:Number\n    },\n    methods: {\n        goTo(route){\n        VUE_APP_MODE === 'web' ? this.$router.push(route) : this.$navigator.navigate(route)\n        },\n        increase() {\n            this.Favor++;\n        }\n    }\n  }\n<\/script>\n\n<style lang=\"scss\" scoped web>\n  .post{\n    margin-top: 20px;\n    width: 100%;\n    &__profile{\n      display: flex;\n      flex-direction: row;\n      padding: 0 10px 10px 10px;\n      align-items: center;\n      strong{\n        margin-left: 10px;\n        font-size: 13px;\n        font-weight: 500;\n      }\n    }\n    &__imgProfile{\n      width: 35px;\n      height: 35px;\n      border-radius: 50%;\n      overflow: hidden;\n    }\n    &__image{\n      width: 100%;\n    }\n    &__desc{\n      padding: 10px;\n\n      p{\n        font-size: 12px;\n      }\n    }\n  }\n<\/style>\n\n\n<style lang=\"scss\" scoped native>\n  .post{\n    margin-top: 20;\n    &__profile{\n      padding: 0 10 10 10;\n      Label{\n        margin-left: 10;\n        font-size: 13;\n        font-weight: 500;\n      }\n    }\n    &__imgProfile{\n      width: 35;\n      height: 35;\n      border-radius: 100;\n      overflow: hidden;\n    }\n    &__desc{\n      padding: 10;\n\n      Label{\n        font-size: 12;\n      }\n    }\n  }\n<\/style>\n<\/pre>\n\n\n\n
\uc5ec\uae30\uc11c \uc218\uc815\ud55c \ubd80\ubd84\uc740 <template native> \ubd80\ubd99\uacfc <script>\uc758 propts \ubd80\ubd84\uc774\ub2e4. <template native>\ub294 native \uc989 Android \ud654\uba74\uc5d0\uc11c \ub730 \ub54c \ucc38\uc870\ud558\ub294 \ubd80\ubd84\uc774\uace0 <template web>\uc740 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub728\ub294 \ud658\uacbd\uc5d0\uc11c \ucc38\uc870\ud558\ub294 \ubd80\ubd84\uc774\ub2e4. template web \ubd80\ubd84\uc744 \uc544\ubb34\ub9ac \uace0\uccd0\ub3c4 Android\uc5d0\ub294 \ubc18\uc601\ub418\uc9c0 \uc54a\uc73c\ub2c8 \uc870\uc2ec\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n
<script>\uc758 props \ubd80\ubd84\uc5d0\ub294 Favor\ub77c\uace0\ud558\ub294 \ubcc0\uc218\ub97c \ucd94\uac00\ud558\uace0 \ubc84\ud2bc\uc744 \ub20c\ub800\uc744 \ub54c \ud558\ub098\uc529 \uc99d\uac00\ud558\ub294 \uc774\ubca4\ud2b8 \ud568\uc218\ub97c \uc815\uc758\ud574 \uc8fc\uace0 \uc774\ub97c <tepmplate  native>\uc5d0 \uc788\ub294 <Button>\uc5d0 @tab \uc774\ubca4\ud2b8\ub85c \ucd94\uac00\ud574 \uc8fc\uc5c8\ub2e4.<\/p>\n\n\n\n
\uc804\uccb4\uc801\uc778 \uad6c\uc870\ub97c \uc124\uba85\ud558\uc790\uba74 Post.vue\uc5d0\uc11c Image Element\uc640 “\uc88b\uc544\uc694” \ubc84\ud2bc, \uc0ac\uc6a9\uc790 \uba85 \ub4f1\uc744 \ub808\ucf54\ub4dc \ud615\uc2dd\uc73c\ub85c \uc815\uc758\ud558\uace0 App.vue\ub294 \uc774\ub7ec\ud55c Post.vue Object\ub97c \uc77d\uc5b4\uc11c data\uc5d0\uc11c \uacf5\uae09\ubc1b\uc740 \uc815\ubcf4\ub97c \ud558\ub098\uc529 \ub300\uc785\ud574\uc11c \ud654\uba74\uc5d0 \ubc18\ubcf5\uc801\uc73c\ub85c \ubfcc\ub824\uc8fc\ub294 \uc5ed\ud560\uc744 \ud558\ub294 \uc571\uc774\ub2e4.<\/p>\n\n\n\n
\ud544\uc694\ud55c image \ud30c\uc77c\ub4e4\uc740 app\\asset\\images \ud3f4\ub354\uc5d0 \uc800\uc7a5\ud574 \uc8fc\uace0 ( logo \ud30c\uc77c, \uc0ac\uc6a9\uc790 \ud504\ub85c\ud30c\uc77c\uc6a9 \uc0ac\uc9c4, Image \ub9ac\uc2a4\ud2b8 \uc911 \ub85c\uceec\uc5d0\uc11c \ubcf4\uc5ec\uc9c8 \ud30c\uc77c  \ub4f1) \ubaa8\ub450 \uc800\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n
Command prompt \ub97c \uc2e4\ud589\uc2dc\ucf1c vue-parm project \ud3f4\ub354\ub85c \uc774\ub3d9\ud55c\ub2e4. <\/p>\n\n\n\n
C:\\> cd \\project\\vue\\vue-farm\nC:\\project\\vue\\vue-farm ><\/pre>\n\n\n\n
\uc774\uc81c Android \uae30\uacc4(\ud578\ub4dc\ud3f0\uc774\ub098 \uac24\ud0ed \ub4f1)\ub97c USB\ub85c \uc5f0\uacb0\ud558\uace0 \ub2e4\uc2dc \ud55c\ubc88 Android \uc124\uc815 \ud654\uba74\uc758 \uac00\uc7a5 \uc544\ub798\uc5d0 \uc788\ub294 \uac1c\ubc1c\uc790 \uc635\uc158\uc5d0\uc11c USB \ub514\ubc84\uae45\uc774 On \ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud55c\ub2e4. \ub9cc\uc57d \uc5f0\uacb0\ud560 \uae30\uacc4\uac00 \uc5c6\uc73c\uba74 PC \uc0c1\uc5d0\uc11c \uadf8\ub0e5 \uac00\uc0c1\uae30\uacc4\uac00 \ub728\ub3c4\ub85d \ud558\uba74 \ub41c\ub2e4.<\/p>\n\n\n\n
C:\\project\\vue\\vue-farm> ns run  android<\/pre>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\ud2b9\ubcc4\ud788 \uc5d0\ub7ec\uac00 \ub098\uc9c0\uc54a\uc73c\uba74 Android \uae30\uacc4\uac00 \ud654\uba74\uc744 \uae5c\ube61\uc774\ub2e4\uac00 \uac11\uc790\uae30 \uc571 \ud654\uba74\uc774 \ub72c\ub2e4. \uc544\uc9c1 \ubcf8\uaca9\uc801\uc778 \ud654\uba74\uacfc\ub294 \uac70\ub9ac\uac00 \uba40\uc9c0\ub9cc \ubb54\uac00 \ud504\ub85c\uadf8\ub7a8\uc758 \ub290\ub08c\uc774 \ub098\ub294 \ud654\uba74\uc774 \ub72c\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\uc88b\uc544\uc694 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \uc22b\uc790\uac00 0\uc5d0\uc11c 1\uc529 \uc99d\uac00\ud558\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\ub2e4. \ud654\uba74\uc758 \ub2e4\ub978 \uacf3\uc744 \uc798\ubabb \ub204\ub974\uba74 \uc5d0\ub7ec\uac00 \ub098\uace0 \ud654\uba74\uc774 \uc5d0\ub7ec \ub85c\uadf8\ub85c \uac00\ub4dd \ucc28\ub294\ub370 \uc774\ub294 goTo(‘profile’)\uc758 route\uac00 \uc9c0\uc815\uc740 \ub418\uc5b4 \uc788\uc73c\ub098 \uc815\uc758\ub418\uc5b4 \uc788\uc9c0 \uc54a\uc544 \uc27d\uac8c\ub9d0\ud574 \ub9c1\ud06c\uac00 \uae68\uc5b4\uc838 \uc788\uc5b4\uc11c \ubc1c\uc0dd\ud558\ub294 \uc5d0\ub7ec\uc774\ub2e4. route\uc5d0 \ub300\ud574\uc11c\ub294 \uc544\uc9c1 \uc190\ub300\uc9c0 \uc54a\uc558\uc73c\ub2c8 \uc870\uae08 \ubb38\uc11c\ub4e4\uc744 \ub4e4\uc5ec\ub2e4 \ubcf4\uace0 \ubc14\uafc0 \uc608\uc815\uc774\ub2e4. <\/p>\n\n\n\n
\uc774\uc0c1\uc73c\ub85c vue\uc758 \uc124\uce58\uc640 nativescript \uc124\uce58\ub97c \ud1b5\ud574 android App \uac1c\ubc1c\uc758 \uccab\ubc1c\uc744 \ub5bc\ub294 \uac83 \uae4c\uc9c0 \ud574 \ubd24\ub2e4. \ud639\uc2dc \uc774\uac83\uc800\uac83 \uc790\ub8cc \ucc3e\uae30 \uadc0\ucc2e\uac70\ub098 \ud574\ub3c4 \uc798 \uc548\ub418\ub294 \uc0ac\ub78c\ub4e4\uc740 \uba38\ub9ac\ub97c \ube44\uc6b0\uace0 \uadf8\ub0e5 \ud55c\ubc88 \ucb49 \ub530\ub77c\ud574 \ubcf4\uba74 \uac00\ubccd\uac8c \uc131\uacf5\ud558\uc9c0 \uc54a\uc744\uae4c \uc2f6\ub2e4.<\/p>\n\n\n\n
\ub2e8, \uc8fc\uc758\ud560 \uc810\uc740 \uc2dc\uac04\uc774 \uc9c0\ub0a8\uc5d0 \ub530\ub77c \ubaa8\ub4e0 \ud504\ub85c\uadf8\ub7a8\ub4e4\uc758 \ubc84\uc804\ub4e4\uc774 \uc57d\uac04\uc529 \ubc14\ub00c\uace0 \ubc84\uc804\uc758 \ubcc0\uacbd\uc5d0 \ub530\ub77c \uc18c\uc2a4 \ubb38\ubc95\uc774\ub098 \ucef4\ud3ec\ub10c\ud2b8 \uc0ac\uc6a9\ubc95\ub4e4\uc774 \uc57d\uac04\uc529 \ub2ec\ub77c\uc9c0\ub294 \ub370 \uc774\ub7f0 \uc810\uc740 \uac01 \ubc84\uc804\uc5d0 \ub9de\ub294 \ubb38\ubc95\uacfc \uc0ac\uc6a9 \ubc29\ubc95\uc744 \ub2e4\uc2dc \ud55c\ubc88 \ucc38\uc870\ud574\uc57c \ud560 \uac83\uc774\ub2e4.<\/p>\n\n\n\n
\ub05d.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\uc774\ud2c0\ub3d9\uc548 Vue \uc124\uce58\uc640 Visual Studio Code(VSCode), Android Studio, Nativescript\ub97c \uc124\uce58\ud558\uace0 \uac04\ub2e8\ud55c Vue Web App\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uace0 Android \uac1c\ubc1c \ud658\uacbd\uae4c\uc9c0 \uc900\ube44\ub97c \ub2e4 \ud588\ub2e4. \uc774\uc81c \uac04\ub2e8\ud55c Android\uc6a9 \uc571\uc744 \ud558\ub098 \ub9cc\ub4e4\uc5b4 \uac1c\ubc1c\uc6a9 \uac24\ub7ed\uc2dc\ud0ed\uc5d0 \ub744\uc6cc \ubcf4\ub824\uace0 \ud55c\ub2e4. C:\\project\\vue \ud3f4\ub354\uc5d0 \ub9cc\ub4e0 vue-farm \ud3f4\ub354\uc5d0\uc11c \uacc4\uc18d \uc791\uc5c5\ud55c\ub2e4. vue-farm \ud3f4\ub354\uac00 \uc5c6\uc73c\uba74 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\ub824\uace0 \ud558\ub294 \ud3f4\ub354 ( \\project\\vue)\uc5d0\uc11c tns create vue-farm \uc774\ub77c\uace0 \uce58\uba74 \ud3f4\ub354\uac00 \ub9cc\ub4e4\uc5b4\uc9c0\uace0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-757","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=757"}],"version-history":[{"count":3,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/757\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/757\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}