{"id":1396,"date":"2017-10-18T14:03:09","date_gmt":"2017-10-18T05:03:09","guid":{"rendered":"http:\/\/blog.moramcnt.com\/?p=1396"},"modified":"2017-10-18T14:04:51","modified_gmt":"2017-10-18T05:04:51","slug":"mac%ec%97%90-cordovaphonegap%ec%9d%84-%ec%9d%b4%ec%9a%a9%ed%95%9c-ios%ec%9a%a9-%ea%b0%84%eb%8b%a8%ed%95%9c-inapp-brower-%eb%a7%8c%eb%93%a4%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/blog.moramcnt.com\/?p=1396","title":{"rendered":"mac\uc5d0 cordova(PhoneGap)\uc744 \uc774\uc6a9\ud55c IOS\uc6a9 \uac04\ub2e8\ud55c inapp brower \ub9cc\ub4e4\uae30"},"content":{"rendered":"

1. cordova(PhoneGap)\uc744 \uc774\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 nodejs\ub97c \uc124\uce58\ud574\uc57c\ub41c\ub2e4.
\n https:\/\/nodejs.org \uc5d0 \uc811\uc18d\ud558\uc5ec \ucd5c\uc2e0 nodejs\ub97c \uc124\uce58\ud55c\ub2e4.<\/p>\n

\"\"<\/a><\/p>\n

2. nodejs\ub97c \uc774\uc6a9\ud558\uc5ec cordova\ub97c \uc124\uce58\ud55c\ub2e4
\n mac\uc5d0\uc11c \ud130\ubbf8\ub110\uc744 \uc774\uc6a9 \ub2e4\uc74c\uc744 \uc785\ub825\ud558\uc5ec cordova\ub97c \uc124\uce58\ud55c\ub2e4<\/p>\n

sudo npm install -g cordova<\/pre>\n
3. mac\uc5d0\uc11c \uc791\uc5c5\ud560 \ud3f4\ub354\uc704\uce58\ub97c \uc0dd\uc131\ud55c\ub2e4 \uc784\uc2dc\ub85c workspace\ub85c \uc815\ud568<\/p>\n
 \"\"<\/a><\/p>\n
4.mac\ud130\ubbf8\ub110\uc5d0\uc11c \ud574\ub2f9 \uc791\uc5c5\ud3f4\ub354\ub85c \uc774\ub3d9\ud55c \ud6c4, cordova\ub97c \uc774\uc6a9\ud558\uc5ec \uc2e0\uaddc\ud504\ub85c\uc81d\ud2b8\ub97c
\n  \uc0dd\uc131\ud55c\ub2e4. com.moramcnt.mosaicadm\ub77c\ub294 ID\uc758 mosaicadm\ub77c\ub294 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/p>\n
cordova create mosaicadm com.moramcnt.mosaicadm \"MosaicAdmin\"<\/pre>\n
5. xcode\uc6a9 \ud504\ub85c\uc81d\ud2b8 \uc790\ub3d9\uc0dd\uc131\uc744 \uc704\ud558\uc5ec platform \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0dd\uc131\ud55c\ub2e4.
\n   \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud558\uc5ec \ud130\ubbf8\ub110\ub85c \ub2e4\uc74c\uc744 \uc785\ub825\ud55c\ub2e4.<\/p>\n
cordova platform add ios<\/pre>\n
6. in app \ube0c\ub77c\uc6b0\uc800\ub97c \uc704\ud574\uc11c \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud55c\ub2e4.
\n   \uae30\ubcf8\uc801\uc73c\ub85c \ud2b9\uc815\uc678\ubd80 url\ub85c \uc774\ub3d9\ud558\uac8c \ub418\uba74 ios\uc5d0\uc11c\ub294 safari\ube0c\ub77c\uc6b0\uc800\ub97c \uc774\uc6a9\ud558\uc5ec \uc774\ub3d9\ud558\uac8c \ub41c\ub2e4.
\n   \uc774\ub97c \uc0dd\uc131\ub41c \uc571\uc548\uc5d0\uc11c \uc774\ub3d9\ud558\uac8c\ub054 \ud558\ub824\uba74 inappbrowser \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud574\uc57c\ub41c\ub2e4.
\n   \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud558\uc5ec \ud130\ubbf8\ub110\ub85c \ub2e4\uc74c\uc744 \uc785\ub825\ud55c\ub2e4.<\/p>\n
cordova plugin add cordova-plugin-inappbrowser<\/pre>\n
7. app\uac00\ub3d9\uc2dc \ud2b9\uc815 url\ub85c \ubc14\ub85c \uc811\uc18d\ud558\uae30 \uc704\ud574\uc11c index.html\ud30c\uc77c\uc744 \ubcc0\uacbd\ud55c\ub2e4.
\n   \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\uc758 www\/index.html \ud30c\uc77c\uc774 \uc788\ub2e4 \uc774\ub97c \ubcc0\uacbd\ud55c\ub2e4.
\n   \ud574\ub2f9 url\uc740 \ub124\uc774\ubc84 \ubaa8\ubc14\uc77c \ud648\uc73c\ub85c \uc784\uc2dc \uc9c0\uc815\ud55c\ub2e4.
\n\"\"<\/a><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n  <head>\r\n    <title>moram admin<\/title>\r\n    <script type=\"text\/javascript\" charset=\"utf-8\" src=\"cordova.js\"><\/script>\r\n    <script type=\"text\/javascript\" charset=\"utf-8\">\r\n    document.addEventListener(\"deviceready\", onDeviceReady, false);\r\n    function onDeviceReady() {\r\n        \/\/ external url\r\n        var ref = window.open(encodeURI('http:\/\/m.naver.com'), '_blank', 'location=no,toolbar=no');\r\n    }\r\n    <\/script>\r\n  <\/head>\r\n  <body>\r\n  <\/body>\r\n<\/html><\/pre>\n
8. \uc544\uc774\ucf58\ubc0f \uc571 \uac00\ub3d9\uc2dc \ucd08\uae30\ub85c\ub529 \ud654\uba74(splash) \ud30c\uc77c\uc744\ubcc0\uacbd\ud55c\ub2e4.
\n  \ucd08\uae30 \ub514\ud3f4\ud2b8 \uc544\uc774\ucf58\uc740 cordova\ub85c \uc9c0\uc815\ub41c \ub514\ud3f4\ud2b8 \uc544\uc774\ucf58\ubc16\uc5d0 \uc5c6\ub2e4 \uc774\ub97c \ubcc0\uacbd\ud558\uae30 \uc704\ud558\uc5ec \ub2e4\uc74c\uc744 \ucc98\ub9ac\ud55c\ub2e4.
\n  8-1. imagemagick\uc744 \uc124\uce58\ud55c\ub2e4.
\n    \ubcc0\uacbd\uc744 \uc704\ud574\uc11c\ub294 imagemagick \ub77c\ub294 \ud504\ub85c\uadf8\ub7a8\uc774 \ud544\uc694\ub85c \ud55c\ub370.
\n    home-brew\ub77c\ub294 \ud504\ub85c\uadf8\ub7a8\uc774 \ud544\uc694\ud558\ub2e4 \uc774\ub97c \uba3c\uc800\uc124\uce58\ud78c\ub2e4.
\n    \ud130\ubbf8\ub110\uc744 \uc774\uc6a9\ud558\uc5ec \ub2e4\uc74c\uc744 \uc785\ub825\ud55c\ub2e4.<\/p>\n
\/usr\/bin\/ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/pre>\n
    imagemagick\uc744 \uc124\uce58\ud55c\ub2e4.<\/p>\n
brew install ghostscript imagemagick<\/pre>\n
  8-2. \uc544\uc774\ucf58 \uc790\ub3d9\ubc30\ud3ec\ubc0f splash\uc758 \uc790\ub3d9\ubc30\ud3ec\ub97c \uc704\ud574\uc11c\ub294 cordova-icon, cordova-splash nodejs\ub97c \ud1b5\ud558\uc5ec
\n       \uac01\uac01 \uc124\uce58\ud78c\ub2e4. \ud130\ubbf8\ub110\uc744 \ud1b5\ud558\uc5ec \ub2e4\uc74c\uc744 \uc785\ub825\ud55c\ub2e4.<\/p>\n
npm install -g cordova-icon cordova-splash<\/pre>\n
  8-3. \ubcc0\uacbd\ud560 \uc544\uc774\ucf58 \ubc0f \ucd08\uae30\ub85c\ub529 \ud30c\uc77c\uc744 \ud504\ub85c\uc81d\ud2b8 \ub8e8\ud2b8\uc5d0 \ub4f1\ub85d
\n      \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud6c4  \uc9c0\uc815\ud560 \uc544\uc774\ucf58\ubc0f splash\ud30c\uc77c\uc740 png \ud30c\uc77c \uc911 \uc2f8\uc774\uc988\uac00 \uac00\uc7a5 \ud070 \ud30c\uc77c\uc744
\n      icon.png, splash.png\ub85c \uac01\uac01 \uc774\ub984\uc744 \ubcc0\uacbd\ud558\uc5ec \ub4f1\ub85d\ud55c\ub2e4.
\n\"\"<\/a><\/p>\n
  8-4. cordova-icon cordova-splash\ub97c \uc2e4\ud589\ud558\uc5ec \uac01\uac01 \ud544\uc694\ud55c \uc2f8\uc774\uc988\uc5d0 \ub9de\ub294 \uc774\ubbf8\uc9c0\ub97c \uc790\ub3d9\ub4f1\ub85d \ud55c\ub2e4.
\n       \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud6c4 cordova\uc758 \uba85\ub839\uc5b4\ub97c \uc774\uc6a9\ud558\uc5ec cordova-splash, cordova-icon \uc744 \uc785\ub825\ud55c\ub2e4.<\/p>\n
cordova-splash\r\ncordova-icon<\/pre>\n
9. ios\ud504\ub85c\uc81d\ud2b8\uc5d0 \uc2e0\uaddc\ubcc0\uacbd\ub41c \ud56d\ubaa9\ub4e4\uc744 \uc801\uc6a9\ud55c\ub2e4.
\n   index.html\ud30c\uc77c\uc774\ub098 config.xml\ud30c\uc77c \ubc0f \uc774\ubbf8\uc9c0\ub4e4\uc774 \ubcc0\uacbd\ub420 \uacbd\uc6b0, \ud574\ub2f9 \ub370\uc774\ud130\ub97c \uc801\uc6a9\uc2dc\ud0a4\uae30 \uc704\ud558\uc5ec
\n   \ub2e4\uc74c\uacfc \uac19\uc740 \uba85\ub839\uc744 \uc785\ub825\ud55c\ub2e4.
\n  \uc0dd\uc131\ub41c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud6c4 cordova\uba85\ub839\uc5b4\ub97c \uc785\ub825\ud55c\ub2e4.<\/p>\n
cordova prepare ios<\/pre>\n
10. \uc0dd\uc131\ub41c \ud504\ub85c\uc81d\ud2b8\ub85c \uc774\ub3d9\ud558\uc5ec xcode\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \ub85c\ub4dc\ud55c\ub2e4.
\n    \ud574\ub2f9 platform \ud3f4\ub354\ub85c \uc774\ub3d9\ud558\uc5ec \ud504\ub85c\uc81d\ud2b8\ub97c \ub354\ube14\ud074\ub9ad\ud55c\ub2e4.
\n\"\"<\/a><\/p>\n
11. xcode \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud2b9\uc815\ud3f0\uc5d0 \ube4c\ub4dc\ud558\uae30 \uc704\ud574\uc11c Singnig\uc815\ubcf4\ub97c \uc124\uc815\ud55c\ub2e4.
\n    \uc124\uc815\ud560 Singnig \ud30c\uc77c\uc774 \uc5c6\uc744\uacbd\uc6b0 \uc0dd\uc131\uc740 \ub2e4\ub978 \uad6c\uae00\ub9c1\uc744 \ud1b5\ud558\uc5ec \uc54c\uc544\ubcf8\ub2e4.
\n\"\"<\/a><\/p>\n
12. xcode\uc5d0\uc11c \ucef4\ud30c\uc77c \ud558\uc5ec \ud655\uc778 \ud55c\ub2e4.
\n\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
1. cordova(PhoneGap)\uc744 \uc774\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 nodejs\ub97c \uc124\uce58\ud574\uc57c\ub41c\ub2e4. https:\/\/nodejs.org \uc5d0 \uc811\uc18d\ud558\uc5ec \ucd5c\uc2e0 nodejs\ub97c \uc124\uce58\ud55c\ub2e4. 2. nodejs\ub97c \uc774\uc6a9\ud558\uc5ec cordova\ub97c \uc124\uce58\ud55c\ub2e4 mac\uc5d0\uc11c \ud130\ubbf8\ub110\uc744 \uc774\uc6a9 \ub2e4\uc74c\uc744 \uc785\ub825\ud558\uc5ec cordova\ub97c \uc124\uce58\ud55c\ub2e4 sudo npm install -g cordova 3. mac\uc5d0\uc11c \uc791\uc5c5\ud560 \ud3f4\ub354\uc704\uce58\ub97c \uc0dd\uc131\ud55c\ub2e4 \uc784\uc2dc\ub85c workspace\ub85c \uc815\ud568 4.mac\ud130\ubbf8\ub110\uc5d0\uc11c \ud574\ub2f9 \uc791\uc5c5\ud3f4\ub354\ub85c \uc774\ub3d9\ud55c \ud6c4, cordova\ub97c \uc774\uc6a9\ud558\uc5ec \uc2e0\uaddc\ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud55c\ub2e4. com.moramcnt.mosaicadm\ub77c\ub294 ID\uc758 mosaicadm\ub77c\ub294 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131 cordova create mosaicadm com.moramcnt.mosaicadm […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[21,46,1],"tags":[231,232,230,233,234],"class_list":["post-1396","post","type-post","status-publish","format-standard","hentry","category-mobile","category-node-js","category-1","tag-cordova","tag-inapp","tag-ios","tag-phonegap","tag-234"],"_links":{"self":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/1396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1396"}],"version-history":[{"count":5,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/1396\/revisions"}],"predecessor-version":[{"id":1408,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/1396\/revisions\/1408"}],"wp:attachment":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1396"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}