{"id":617,"date":"2019-04-12T16:48:36","date_gmt":"2019-04-12T07:48:36","guid":{"rendered":"https:\/\/ahnbk.com\/?p=617"},"modified":"2019-04-13T23:12:15","modified_gmt":"2019-04-13T14:12:15","slug":"blockly-%ec%8b%a4%ed%96%89-%ed%95%b4%eb%b3%b4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/ahnbk.com\/?p=617","title":{"rendered":"Blockly \uc2e4\ud589 \ud574\ubcf4\uae30"},"content":{"rendered":"\n

\uc9c0\ub09c\ubc88 \ud3ec\uc2a4\ud305 (https:\/\/ahnbk.com\/?p=469<\/a>)\ub300\ub85c Blockly \uc18c\uc2a4\ub97c \ubc1b\uc544 \ube4c\ub4dc\ud558\uace0, \uadf8 \uacb0\uacfc\ubb3c\ub85c \uc2e4\ud589\ubcf4\ub3c4\ub85d \ud55c\ub2e4. \ub098\uc911\uc5d0 iOS\ub098 Android\uc5d0\uc11c\ub3c4 \uc5b4\uc9dc\ud53c webview\ub97c \uc774\uc6a9\ud574\uc11c \uc2e4\ud589\ud574\uc57c \ud558\ubbc0\ub85c, \uacfc\uc815\uc740 \ub3d9\uc77c\ud558\ub2e4. <\/p>\n\n\n\n

\uba3c\uc800 \uc791\uc5c5\ud560 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0dd\uc131\ud55c\ub2e4. \uc5ec\uae30\uc5d0\uc120 \ud3b8\uc758\uc0c1 blockly_demo\ub780 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0ac\uc6a9\ud55c\ub2e4.<\/p>\n\n\n\n

$ mkdir blockly_demo\n$ cd blockly_demo<\/code><\/pre>\n\n\n\n
\uc774\uc81c \uc774 \ub514\ub809\ud1a0\ub9ac\uc5d0 \ube4c\ub4dc\ub41c \ud30c\uc77c\uc744 \ubcf5\uc0ac\ud55c\ub2e4. <\/p>\n\n\n\n
javascript_compressed.js\nblocks_compressed.js\nblockly_compressed.js<\/code><\/pre>\n\n\n\n
\ub2e4\uc74c\uc73c\ub85c  demos\/mobile\/html\/toolbox_standard.js  \ud234\ubc15\uc2a4 \ud30c\uc77c\ub3c4 \uc791\uc5c5 \ub514\ub809\ud1a0\ub9ac\ub85c \ubcf5\uc0ac\ud55c\ub2e4. \ub610 localization \uad00\ub828\ud55c \ub514\ub809\ud1a0\ub9ac\ub3c4 \ubcf5\uc0ac\ud55c\ub2e4. \ubcf5\uc0ac \uc704\uce58\ub294 msg \ub514\ub809\ud1a0\ub9ac \ubc11\uc73c\ub85c \ud55c\ub2e4. \ubcf8\ub798 Blockly \ub514\ub809\ud1a0\ub9ac\uc758 msg\/js \ub514\ub809\ud1a0\ub9ac\ub97c \ud604\uc7ac \uac1c\ubc1c \ub514\ub809\ud1a0\ub9ac\ub85c \ubcf5\uc0ac\ud55c\ub2e4. \uc644\ub8cc\ub418\uc5c8\uc73c\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \ubcf4\uc5ec\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\uc774\uc81c \uc5d0\ub514\ud130\ub97c \uc774\uc6a9\ud574\uc11c \ud30c\uc77c\uc744 \ud558\ub098 \uc0dd\uc131\ud55c\ub2e4. \ud30c\uc77c \uc774\ub984\uc740 index.html \uc774\ub2e4. \ud30c\uc77c \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n
<!DOCTYPE html>\n<!-- HTML file to host Blockly in a mobile WebView. -->\n<html>\n<head>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n  <link rel=\"stylesheet\" href=\"styles.css\">\n  <script src=\"blockly_compressed.js\"><\/script>\n  <script src=\"blocks_compressed.js\"><\/script>\n  <!-- TODO: Select msg file based on locale. -->\n  <script src=\"msg\/js\/en.js\"><\/script>\n  <script src=\"toolbox_standard.js\"><\/script>\n<\/head>\n<body>\n  <div id=\"blocklyDiv\"><\/div>\n  <script type=\"text\/javascript\">\n    var workspacePlayground = Blockly.inject('blocklyDiv', {\n          media: 'media\/',\n          toolbox: BLOCKLY_TOOLBOX_XML['standard'],\n          zoom: {controls: true}\n        });\n  <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\ub610 style.css \ud30c\uc77c\ub85c \uc0dd\uc131\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc774 \uc785\ub825\ud55c\ub2e4.<\/p>\n\n\n\n
html, body, #blocklyDiv {\n    border: 0;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n}<\/code><\/pre>\n\n\n\n
\uc774\uc81c \ud06c\ub86c, \uc0ac\ud30c\ub9ac, \uc778\ud130\ub137 \uc775\uc2a4\ud50c\ub85c\ub7ec \ub4f1 \uc6f9\ube0c\ub77c\uc6b0\uc800\ub97c \uc774\uc6a9\ud574 index.html\uc744 \uc5f4\uc5b4\ubcf8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Blockly\uac00 \uc798 \ub85c\ub529\ub418\uc5b4 \uc2e4\ud589\ub428\uc744 \ubcfc\uc218 \uc788\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
\uc9c0\ub09c\ubc88 \ud3ec\uc2a4\ud305 (https:\/\/ahnbk.com\/?p=469)\ub300\ub85c Blockly \uc18c\uc2a4\ub97c \ubc1b\uc544 \ube4c\ub4dc\ud558\uace0, \uadf8 \uacb0\uacfc\ubb3c\ub85c \uc2e4\ud589\ubcf4\ub3c4\ub85d \ud55c\ub2e4. \ub098\uc911\uc5d0 iOS\ub098 Android\uc5d0\uc11c\ub3c4 \uc5b4\uc9dc\ud53c webview\ub97c \uc774\uc6a9\ud574\uc11c \uc2e4\ud589\ud574\uc57c \ud558\ubbc0\ub85c, \uacfc\uc815\uc740 \ub3d9\uc77c\ud558\ub2e4. \uba3c\uc800 \uc791\uc5c5\ud560 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0dd\uc131\ud55c\ub2e4. \uc5ec\uae30\uc5d0\uc120 \ud3b8\uc758\uc0c1 blockly_demo\ub780 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0ac\uc6a9\ud55c\ub2e4. \uc774\uc81c \uc774 \ub514\ub809\ud1a0\ub9ac\uc5d0 \ube4c\ub4dc\ub41c \ud30c\uc77c\uc744 \ubcf5\uc0ac\ud55c\ub2e4. \ub2e4\uc74c\uc73c\ub85c demos\/mobile\/html\/toolbox_standard.js \ud234\ubc15\uc2a4 \ud30c\uc77c\ub3c4 \uc791\uc5c5 \ub514\ub809\ud1a0\ub9ac\ub85c \ubcf5\uc0ac\ud55c\ub2e4. \ub610 localization \uad00\ub828\ud55c \ub514\ub809\ud1a0\ub9ac\ub3c4 \ubcf5\uc0ac\ud55c\ub2e4. \ubcf5\uc0ac \uc704\uce58\ub294 msg \ub514\ub809\ud1a0\ub9ac \ubc11\uc73c\ub85c \ud55c\ub2e4. \ubcf8\ub798 … <\/p>\n
Continue reading “Blockly \uc2e4\ud589 \ud574\ubcf4\uae30”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false},"categories":[90],"tags":[91,122],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2wXSW-9X","jetpack-related-posts":[],"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/617"}],"collection":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=617"}],"version-history":[{"count":3,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/617\/revisions"}],"predecessor-version":[{"id":634,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/617\/revisions\/634"}],"wp:attachment":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}