{"id":43410,"date":"2024-11-27T03:22:56","date_gmt":"2024-11-27T03:22:56","guid":{"rendered":"https:\/\/atmokpo.com\/w\/?p=43410"},"modified":"2024-11-27T03:22:56","modified_gmt":"2024-11-27T03:22:56","slug":"%ec%95%84%ed%8c%8c%ec%b9%98-%ec%bd%94%eb%a5%b4%eb%8f%84%eb%b0%94-%ec%95%84%ed%8c%8c%ec%b9%98-%ec%bd%94%eb%a5%b4%eb%8f%84%eb%b0%94-%ec%95%b1-%eb%b9%8c%eb%93%9c-%eb%b0%8f-%eb%b0%b0%ed%8f%ac-%eb%b0%a9","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/43410\/","title":{"rendered":"[\uc544\ud30c\uce58 \ucf54\ub974\ub3c4\ubc14] \uc544\ud30c\uce58 \ucf54\ub974\ub3c4\ubc14 \uc571 \ube4c\ub4dc \ubc0f \ubc30\ud3ec \ubc29\ubc95"},"content":{"rendered":"

<\/p>\n

\n \uc544\ud30c\uce58 \ucf54\ub974\ub3c4\ubc14(Apache Cordova)\ub294 \uc6f9 \uae30\uc220\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubaa8\ubc14\uc77c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. HTML, CSS, JavaScript \ub4f1\uc758 \ud45c\uc900 \uc6f9 \uae30\uc220\uc744 \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc2e4\ud589 \uac00\ub2a5\ud55c \uc571\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 \ucf54\ub974\ub3c4\ubc14 \uc571\uc744 \ube4c\ub4dc\ud558\uace0 \ubc30\ud3ec\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n<\/p>\n

1. \uc544\ud30c\uce58 \ucf54\ub974\ub3c4\ubc14 \uc124\uce58\ud558\uae30<\/h2>\n

\n \ucf54\ub974\ub3c4\ubc14\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba3c\uc800 \uac1c\ubc1c \ud658\uacbd\uc744 \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \ucf54\ub974\ub3c4\ubc14\ub97c \uc124\uce58\ud558\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4.\n<\/p>\n

    \n
  1. \nNode.js \uc124\uce58<\/strong>: \ucf54\ub974\ub3c4\ubc14\ub294 Node.js \uae30\ubc18\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4. Node.js\ub97c \uc124\uce58\ud558\ub824\uba74 [Node.js \uacf5\uc2dd \uc6f9\uc0ac\uc774\ud2b8](https:\/\/nodejs.org\/)\uc5d0 \ubc29\ubb38\ud558\uc5ec \uc124\uce58 \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ud6c4 \uc124\uce58\ud569\ub2c8\ub2e4.\n <\/li>\n
  2. \n\ucf54\ub974\ub3c4\ubc14 \uc124\uce58<\/strong>: Node.js\uac00 \uc124\uce58\ub41c \ud6c4, \uc544\ub798\uc758 \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucf54\ub974\ub3c4\ubc14 CLI\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n
    npm install -g cordova<\/code><\/pre>\n<\/li>\n<\/ol>\n
    2. \uc0c8 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h2>\n
    \n    \ucf54\ub974\ub3c4\ubc14 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\ub824\uba74 \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc785\ub825\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uacfc \ub514\ub809\ud1a0\ub9ac \uc774\ub984\uc740 \uc790\uc2e0\uc758 \ud544\uc694\uc5d0 \ub9de\uac8c \ubcc0\uacbd\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4.\n<\/p>\n
    cordova create MyApp com.example.myapp MyCordovaApp<\/code><\/pre>\n
    \n    \uc774 \uba85\ub839\uc5b4\ub294 `MyApp`\uc774\ub77c\ub294 \uc0c8 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0dd\uc131\ud558\uace0 \uae30\ubcf8 \ucf54\ub974\ub3c4\ubc14 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\ub97c \uc124\uc815\ud569\ub2c8\ub2e4. `com.example.myapp`\uc740 \uc571\uc758 \uace0\uc720 ID\uc774\uba70, `MyCordovaApp`\uc740 \uc571\uc758 \uc774\ub984\uc785\ub2c8\ub2e4.\n<\/p>\n
    3. \ud50c\ub7ab\ud3fc \ucd94\uac00<\/h2>\n
    \n    \uc774\uc81c \uc0dd\uc131\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc6d0\ud558\ub294 \ud50c\ub7ab\ud3fc(\uc608: Android, iOS)\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\uc120 Android \ud50c\ub7ab\ud3fc\uc744 \ucd94\uac00\ud558\ub294 \uc608\uc81c\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n<\/p>\n
    cd MyApp\ncordova platform add android<\/code><\/pre>\n
    \n    iOS \ud50c\ub7ab\ud3fc\uc744 \ucd94\uac00\ud558\uace0 \uc2f6\ub2e4\uba74 \uc704\uc758 \uba85\ub839\uc5b4\uc5d0\uc11c `android`\ub97c `ios`\ub85c \ubcc0\uacbd\ud558\uba74 \ub429\ub2c8\ub2e4.\n<\/p>\n
    4. \uc571 \uac1c\ubc1c<\/h2>\n
    \n    \ud504\ub85c\uc81d\ud2b8 \ub514\ub809\ud1a0\ub9ac \ub0b4\uc758 `www` \ud3f4\ub354\uc5d0\ub294 \uc571\uc758 HTML, CSS, JavaScript \ud30c\uc77c\uc774 \uc704\uce58\ud569\ub2c8\ub2e4. \uc774 \ud3f4\ub354\ub97c \uc218\uc815\ud558\uc5ec \uc571\uc758 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uace0 \ub514\uc790\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
    \n    \uae30\ubcf8\uc801\uc73c\ub85c \uc0dd\uc131\ub41c `index.html` \ud30c\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \ub0b4\uc6a9\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
    <!DOCTYPE html>\n<html>\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Cordova App<\/title>\n<\/head>\n<body>\n    <h1>\ud658\uc601\ud569\ub2c8\ub2e4!<\/h1>\n    <p>\uc5ec\uae30\uc5d0\uc11c \ucf54\ub974\ub3c4\ubc14 \uc571\uc744 \uac1c\ubc1c\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n
    5. \uc571 \ube4c\ub4dc\ud558\uae30<\/h2>\n
    \n    \uc571 \uac1c\ubc1c\uc774 \uc644\ub8cc\ub418\uc5c8\uc73c\uba74 \uc774\uc81c \uc571\uc744 \ube4c\ub4dc\ud560 \ucc28\ub840\uc785\ub2c8\ub2e4. \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc571\uc744 \ube4c\ub4dc\ud569\ub2c8\ub2e4.\n<\/p>\n
    cordova build android<\/code><\/pre>\n
    \n    \uc774 \uba85\ub839\uc5b4\ub294 `platforms\/android` \ub514\ub809\ud1a0\ub9ac\uc5d0 Android \uc571\uc744 \ube4c\ub4dc\ud558\uc5ec APK \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. iOS \uc571\uc744 \ube4c\ub4dc\ud558\uace0 \uc2f6\ub2e4\uba74 `android`\ub97c `ios`\ub85c \ubc14\uafb8\uba74 \ub429\ub2c8\ub2e4.\n<\/p>\n
    6. \uc5d0\ubbac\ub808\uc774\ud130\ub098 \uc2e4\uc81c \uae30\uae30\uc5d0\uc11c \uc571 \uc2e4\ud589\ud558\uae30<\/h2>\n
    \n    \ube4c\ub4dc\uac00 \uc644\ub8cc\ub418\uba74, \uc5d0\ubbac\ub808\uc774\ud130\ub098 \uc2e4\uc81c Android \uae30\uae30\uc5d0\uc11c \uc571\uc744 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c \uc571\uc744 \uc2e4\ud589\ud558\ub824\uba74 \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.\n<\/p>\n
    cordova emulate android<\/code><\/pre>\n
    \n    \uc2e4\uc81c \uae30\uae30\uc5d0\uc11c \uc2e4\ud589\ud558\uace0 \uc2f6\ub2e4\uba74, USB \ub514\ubc84\uae45\uc774 \ud65c\uc131\ud654\ub41c Android \uae30\uae30\ub97c \uc5f0\uacb0\ud55c \ud6c4, \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.\n<\/p>\n
    cordova run android<\/code><\/pre>\n
    7. \uc571 \ubc30\ud3ec\ud558\uae30<\/h2>\n
    \n    \uc571\uc744 \uc2e4\uc81c \uc0ac\uc6a9\uc790\uac00 \ub2e4\uc6b4\ub85c\ub4dc\ud560 \uc218 \uc788\ub3c4\ub85d \ubc30\ud3ec\ud558\ub294 \uacfc\uc815\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. Android\ub294 \uc8fc\ub85c Google Play \uc2a4\ud1a0\uc5b4\ub97c \ud1b5\ud574, iOS\ub294 App Store\ub97c \ud1b5\ud574 \ubc30\ud3ec\ud558\uac8c \ub429\ub2c8\ub2e4.\n<\/p>\n
    7.1 Android \ubc30\ud3ec<\/h3>\n
    \n    Android \uc571\uc744 \ubc30\ud3ec\ud558\uae30 \uc704\ud574\uc11c\ub294 \ube4c\ub4dc \ud6c4 \uc0dd\uc131\ub41c APK \ud30c\uc77c\uc744 \uc900\ube44\ud574\uc57c \ud569\ub2c8\ub2e4. APK \ud30c\uc77c\uc740 `platforms\/android\/app\/build\/outputs\/apk\/debug\/` \ub514\ub809\ud1a0\ub9ac\uc5d0\uc11c \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc744 Google Play \ucf58\uc194\uc5d0 \uc5c5\ub85c\ub4dc\ud558\uc5ec \ubc30\ud3ec\ub97c \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n