{"id":1603,"date":"2020-09-04T15:06:17","date_gmt":"2020-09-04T06:06:17","guid":{"rendered":"https:\/\/www.itchefblog.com\/?p=1603"},"modified":"2020-09-04T15:13:16","modified_gmt":"2020-09-04T06:13:16","slug":"%ed%94%84%eb%a1%9c%ea%b7%b8%eb%a0%88%ec%8b%9c%eb%b8%8c-%ec%9b%b9%ec%95%b1-%eb%a7%8c%eb%93%a4%ea%b8%b0-%ec%84%9c%ed%8f%89%eb%8b%a8-%ec%9d%84-%eb%a7%88%eb%ac%b4%eb%a6%ac%ed%95%98%eb%a9%b0","status":"publish","type":"post","link":"https:\/\/www.itchefblog.com\/?p=1603","title":{"rendered":"[\ud504\ub85c\uadf8\ub808\uc2dc\ube0c \uc6f9\uc571 \ub9cc\ub4e4\uae30] \uc11c\ud3c9\ub2e8 \uc744 \ub9c8\ubb34\ub9ac\ud558\uba70"},"content":{"rendered":"\n<p>\uc57d 2\uc8fc\uac04\uc758 \uc11c\ud3c9\uae30\uac04, \uc0ac\uc2e4\uc740 \ubc30\uc1a1 \uc774\uc288\ub85c 2\uc8fc\uac00 \uc57d\uac04 \ubabb \ub418\ub294 \uc2dc\uac04\ub3d9\uc548 \uc11c\ud3c9\ub2e8\uc744 \uc9c4\ud589\ud558\uc600\ub2e4.<br>\uc624\ub79c \uae30\uac04 Backend \ub9cc \uc8fc\ub85c \uac1c\ubc1c\uc744 \ud558\ub2e4\uac00 \uac04\ub9cc\uc5d0 Frontend \ucabd\uc744 \uac74\ub4dc\ub824\uc8fc\ub2c8 \uc7ac\ubbf8\uc788\ub294 \uacf5\ubd80\uc600\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam001-1024x768.jpg\" alt=\"\" class=\"wp-image-1605\" srcset=\"https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam001-1024x768.jpg 1024w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam001-300x225.jpg 300w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam001-768x576.jpg 768w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam001.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ucc55\ud130\ub294 \ucd1d 17\uc7a5\uc73c\ub85c \uad6c\uc131\ub41c \uc804\uccb4 \ub0b4\uc6a9 \uc911 1\uc7a5\uc740 PWA\uac00 \ubb34\uc5c7\uc778\uac00\uc5d0 \ub300\ud55c \uac1c\ub150\uc801\uc778 \uc124\uba85\ub4e4\uc744 \ud558\uace0 \uc788\uc73c\uba70, 2\uc7a5\uc5d0\uc11c\ub294 \ubaa8\ub358 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uac00\uc7a5 \uc911\uc694\ud55c \ud575\uc2ec \ub0b4\uc6a9\ub4e4\uc744 \uac04\ucd94\ub824\uc11c \uc124\uba85\ud558\uace0 \uc788\ub2e4.<\/p>\n\n\n\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub3c4 \uc815\uc11d\ub300\ub85c \ubc30\uc6b0\uc790\uba74 \ub808\ud37c\ub7f0\uc2a4\ub9cc \uc218\ubc31\ud398\uc774\uc9c0 \uc774\uc0c1\uc774\uae30 \ub54c\ubb38\uc5d0 2\uc7a5\uc758 \ub0b4\uc6a9\uc73c\ub85c \ubaa8\ub4e0 \uac83\uc744 \uae68\ub2ec\uc744 \uc21c \uc5c6\uaca0\uc9c0\ub9cc \uc801\uc5b4\ub3c4 \ucc45\uc744 \ub530\ub77c\ud558\ub294\ub370\ub294 \uc9c0\uc7a5\uc774 \uc5c6\ub3c4\ub85d \uc798 \uc124\uba85\uc774 \ub418\uc5b4\uc788\ub2e4.<br>\uae30\uc874\uc5d0 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc811\ud574\ubcf8 \uacbd\ud5d8\uc774 \uc788\ub2e4\uba74 \ub354\uc6b1 \uc774\ud574\ud558\uae30 \uc26c\uc6b8 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p>3\uc7a5\uc5d0\uc11c\ub294 \uc21c\uc218 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c PWA \ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc124\uba85\ud558\uace0 \uc788\ub294\ub370 \uc544\ubb34\ub9ac \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ud234\ub4e4\uc774 \uc88b\uc544\ub3c4 \uadf8 \uac83\ub4e4\uc744 \uad6c\uc131\ud558\uace0 \uc788\ub294 \ubca0\uc774\uc9c1\ud55c \ub0b4\uc6a9\uc744 \uc774\ud574\ud558\uc9c0 \ubabb\ud55c \uc0c1\ud0dc\ub85c \uc774\uc6a9\ud55c\ub2e4\uba74 \uae30\ub2a5\uc744 100% \ud65c\uc6a9\ud560 \uc218 \uc5c6\uc744 \uac83\uc774\ub2e4. \uadf8\ub7ec\ud55c \uc758\ubbf8\uc5d0\uc11c 3\uc7a5\uc744 \uacf5\ubd80\ud558\ub294 \uac83\uc740 PWA\uac00 \uc5b4\ub5bb\uac8c \uad6c\uc131\ub418\uba70 \uc5b4\ub5a4 \uc6d0\ub9ac\ub85c \uc791\ub3d9\ud558\ub294\uc9c0 \uc54c \uc218 \uc788\ub294 \uc88b\uc740 \ucc55\ud130\uc774\ub2e4.<\/p>\n\n\n\n<p>4~5\uc7a5\uc740 Vue.js \uc5d0 \uad00\ud55c \ub0b4\uc6a9\ub4e4\uc744 \ub2f4\uace0 \uc788\uc73c\uba70 \uae30\uc874\uc5d0 \uc7a5\uae30\ud6a8\ub2d8\uc758 Vue.js \ucc45\uc744 \uad6c\ub9e4\ud574\uc11c \uacf5\ubd80\ud55c \uc801\uc774 \uc788\uc5c8\uae30\uc5d0 \ube60\ub978 \uc18d\ub3c4\ub85c \uacf5\ubd80\ub97c \uc9c4\ud589\ud560 \uc218 \uc788\uc5c8\ub2e4. \ud575\uc2ec\uc801\uc778 \ub0b4\uc6a9\ub4e4\uc744 \ub2e4\ub8e8\uace0 \uc788\uae30\uc5d0 \ubdf0\ub97c \ub9db\ubcf4\uae30\uc5d0 \ucda9\ubd84\ud574 \ubcf4\uc774\uc9c0\ub9cc \uc5ed\uc2dc\ub098 \uc880 \ub354 vue\uc5d0 \ub300\ud574 \uae4a\uac8c \uc54c\uace0 \uc2f6\ub2e4\uba74 vue\ub9cc\uc744 \ub2e4\ub8ec \uc11c\uc801 \ud639\uc740 \ub808\ud37c\ub7f0\uc2a4\ub97c \ucc38\uc870\ud558\uba74 \uc88b\uc744 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p>6~7\uc7a5\uc740 Vuetify\uc5d0 \ub300\ud574 \uacf5\ubd80 \ud560 \uc218 \uc788\uc73c\uba70 \uc774\uac83\uc740 Vue\uc5d0\uc11c Google\uc758 Material Deisgn \uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 \ucd5c\uace0\uc758 \ud504\ub808\uc784\uc6cc\ud06c\ub77c\uace0 \ud55c\ub2e4.<\/p>\n\n\n\n<p>\uc5ec\uae30\uae4c\uc9c0\uac00 PWA\ub97c \ub9cc\ub4e4\uae30 \uc704\ud55c \uae30\ubcf8\uae30\ub4e4\uc744 \uc775\ud790 \uc218 \uc788\ub294 \uc7a5\uc774\uc5c8\uace0 8\uc7a5\ubd80\ud130\ub294 Vue framework\ub85c PWA\ub97c \ub9cc\ub4dc\ub294 \uc2e4\uc804\uc5d0 \ub4e4\uc5b4\uac04\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam002-1024x768.jpg\" alt=\"\" class=\"wp-image-1606\" srcset=\"https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam002-1024x768.jpg 1024w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam002-300x225.jpg 300w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam002-768x576.jpg 768w, https:\/\/www.itchefblog.com\/wp-content\/uploads\/2020\/09\/pwam002.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>TO-DO, \uc0ac\uc9c4 \uac24\ub7ec\ub9ac \uc571, \uce74\uba54\ub77c \uc0ac\uc9c4 \uac24\ub7ec\ub9ac, \uad6c\uae00 \ub85c\uadf8\uc778 \uc5f0\ub3d9, \ud478\uc2dc \uc54c\ub9bc \uc11c\ube44\uc2a4, \uc624\ud504\ub77c\uc778 \ub3d9\uae30\ud654, Cordova\ub85c \ud558\uc774\ube0c\ub9ac\ub4dc \uc571 \ub9cc\ub4e4\uae30, \uc6f9\uc571\uc744 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc73c\ub85c \ub9cc\ub4e4\uae30, \uad6c\uae00 \ud50c\ub808\uc774 \uc2a4\ud1a0\uc5b4\uc5d0 \uc571 \ub4f1\ub85d\ud558\uae30 \ub4f1 \uc2e4\uc804\uc5d0 \uc0ac\uc6a9\ud558\ub294 \uc5ec\ub7ec \uae30\ub2a5\ub4e4\uc744 \uad6c\ud604\ud574 \ubcfc \uc218 \uc788\ub294 \ucc55\ud130\ub4e4\ub85c \uc774\ub8e8\uc5b4\uc838\uc788\uc73c\uba70 Google\uc758 firebase\uc640 \uc5f0\ub3d9\uc744 \ud1b5\ud55c \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \uc800\uc7a5 \ubc0f \ub3d9\uae30\ud654 \ub4f1\uc744 \uc775\ud790 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p>\ucd1d\ud3c9\uc744 \ud558\uc790\uba74 \uc57d\uac04\uc758 \uac1c\ubc1c \uacbd\ud5d8\uc774 \uc788\ub294 \ucd08\uae09\uc790\uac00 \ucc45\uc744 \ub530\ub77c\ud558\uba74\uc11c \uac1c\ubc1c\ubd80\ud130 \ubc30\ud3ec\uae4c\uc9c0 \ud55c\ubc88\uc5d0 \uc775\ud790 \uc218 \uc788\ub294 \uc88b\uc740 \uae38\uc7a1\uc774\ub77c\uace0 \ud560 \uc218 \uc788\uaca0\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ucc45\uc744 \uacc4\uae30\ub85c \ucd5c\uadfc\uc5d0 \uac1c\uc778\uc801\uc73c\ub85c \uc9c4\ud589\uc911\uc778 \ud504\ub85c\uc81d\ud2b8\ub97c Frontend \ub294 Vue.js + Vuefity\ub85c \uad6c\uc131\ud558\uace0 Backend\ub294 Adonis.js (Node.js framework &#8211; Ruby on Rails \uc2a4\ud0c0\uc77c\uc758..) \ub85c \uad6c\uc131\ud558\uc5ec \uc9c4\ud589\uc911\uc774\ub2e4.<\/p>\n\n\n\n<p>\uad6c\ub9e4\ucc98\ub294 \uc544\ub798\uc640 \uac19\ub2e4.<br><a rel=\"noreferrer noopener\" aria-label=\"\uc608\uc2a424 - http:\/\/www.yes24.com\/Product\/Goods\/91724510 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/www.yes24.com\/Product\/Goods\/91724510\" target=\"_blank\">\uc608\uc2a424 &#8211; http:\/\/www.yes24.com\/Product\/Goods\/91724510<\/a><br><a rel=\"noreferrer noopener\" aria-label=\"\ub9ac\ub514\ubd81\uc2a4 - https:\/\/ridibooks.com\/books\/754029480 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/ridibooks.com\/books\/754029480\" target=\"_blank\">\ub9ac\ub514\ubd81\uc2a4 &#8211; https:\/\/ridibooks.com\/books\/754029480<\/a><br><a rel=\"noreferrer noopener\" aria-label=\"\uc778\ud130\ud30c\ud06c - http:\/\/book.interpark.com\/product\/BookDisplay.do?_method=detail&amp;sc.prdNo=337082884 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/book.interpark.com\/product\/BookDisplay.do?_method=detail&amp;sc.prdNo=337082884\" target=\"_blank\">\uc778\ud130\ud30c\ud06c &#8211; http:\/\/book.interpark.com\/product\/BookDisplay.do?_method=detail&amp;sc.prdNo=337082884<\/a><br><a rel=\"noreferrer noopener\" aria-label=\"\ubc18\ub514\uc564\ub8e8\ub2c8\uc2a4 - http:\/\/www.bandinlunis.com\/front\/product\/detailProduct.do?prodId=4359132 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/www.bandinlunis.com\/front\/product\/detailProduct.do?prodId=4359132\" target=\"_blank\">\ubc18\ub514\uc564\ub8e8\ub2c8\uc2a4 &#8211; http:\/\/www.bandinlunis.com\/front\/product\/detailProduct.do?prodId=4359132<\/a><br><a rel=\"noreferrer noopener\" aria-label=\"\uc54c\ub77c\ub518 - https:\/\/www.aladin.co.kr\/shop\/wproduct.aspx?ItemId=248639223 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/www.aladin.co.kr\/shop\/wproduct.aspx?ItemId=248639223\" target=\"_blank\">\uc54c\ub77c\ub518 &#8211; https:\/\/www.aladin.co.kr\/shop\/wproduct.aspx?ItemId=248639223<\/a><br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc57d 2\uc8fc\uac04\uc758 \uc11c\ud3c9\uae30\uac04, \uc0ac\uc2e4\uc740 \ubc30\uc1a1 \uc774\uc288\ub85c 2\uc8fc\uac00 \uc57d\uac04 \ubabb \ub418\ub294 \uc2dc\uac04\ub3d9\uc548 \uc11c\ud3c9\ub2e8\uc744 \uc9c4\ud589\ud558\uc600\ub2e4.\uc624\ub79c \uae30\uac04 Backend \ub9cc \uc8fc\ub85c \uac1c\ubc1c\uc744 \ud558\ub2e4\uac00 \uac04\ub9cc\uc5d0 Frontend \ucabd\uc744 \uac74\ub4dc\ub824\uc8fc\ub2c8 \uc7ac\ubbf8\uc788\ub294 \uacf5\ubd80\uc600\ub2e4. \ucc55\ud130\ub294 \ucd1d 17\uc7a5\uc73c\ub85c \uad6c\uc131\ub41c \uc804\uccb4 \ub0b4\uc6a9 \uc911 1\uc7a5\uc740 PWA\uac00 \ubb34\uc5c7\uc778\uac00\uc5d0 \ub300\ud55c \uac1c\ub150\uc801\uc778 \uc124\uba85\ub4e4\uc744 \ud558\uace0 \uc788\uc73c\uba70, 2\uc7a5\uc5d0\uc11c\ub294 \ubaa8\ub358 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uac00\uc7a5 \uc911\uc694\ud55c \ud575\uc2ec \ub0b4\uc6a9\ub4e4\uc744 \uac04\ucd94\ub824\uc11c \uc124\uba85\ud558\uace0 \uc788\ub2e4. \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub3c4 \uc815\uc11d\ub300\ub85c \ubc30\uc6b0\uc790\uba74 \ub808\ud37c\ub7f0\uc2a4\ub9cc \uc218\ubc31\ud398\uc774\uc9c0 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[307,423,426,434,304,305],"_links":{"self":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1603"}],"collection":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1603"}],"version-history":[{"count":4,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1603\/revisions"}],"predecessor-version":[{"id":1612,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1603\/revisions\/1612"}],"wp:attachment":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}