{"id":366,"date":"2019-02-17T23:49:46","date_gmt":"2019-02-17T14:49:46","guid":{"rendered":"https:\/\/ahnbk.com\/?p=366"},"modified":"2019-05-01T19:32:29","modified_gmt":"2019-05-01T10:32:29","slug":"scratch-3-0-%ea%b0%9c%eb%b0%9c-%ed%99%98%ea%b2%bd-%ea%b5%ac%ec%b6%95-on-macos","status":"publish","type":"post","link":"https:\/\/ahnbk.com\/?p=366","title":{"rendered":"Scratch 3.0 \uac1c\ubc1c \ud658\uacbd \uad6c\ucd95"},"content":{"rendered":"\n<p>\uc6b0\uc120 Node.js\ub97c \uc124\uce58\ud558\uc5ec\uc57c \ud55c\ub2e4. macOS\uc758 \uacbd\uc6b0 homebrew\ub97c \uc0ac\uc6a9\ud558\uba74 \uc27d\uac8c \uc124\uce58\uac00 \uac00\ub2a5\ud558\ub2e4. \uad8c\uc7a5 \ubc84\uc804\uc740 Node 8\uc774\ub098 \ud604\uc7ac LTS \ubc84\uc804\uc740 <del>Node 10\uc774\ubbc0\ub85c, \ub458 \uc911 \uc544\ubb34\uac70\ub098 \uc0ac\uc6a9\ud574\ub3c4 \ubb34\ubc29\ud558\ub2e4. (\ud14c\uc2a4\ud2b8 \ud574\ubd24\ub294\ub370 \ubcc4 \uc774\uc0c1\uc740 \uc5c6\ub2e4.)<\/del><\/p>\n\n\n\n<ul><li><s>Update: BLE \ud1b5\uc2e0\uc744 \uc704\ud55c noble \ubaa8\ub4c8\uc740 Node 10\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\ub2e4. \ub530\ub77c\uc11c Node 8\ub85c \uc124\uce58\ud574\uc57c\ud568.<\/s><\/li><li>Node10\ub3c4 \uc0c1\uad00\uc5c6\uc74c.<\/li><\/ul>\n\n\n\n<p>homebrew\uc758 \uc124\uce58 \ubc29\ubc95\uc740 https:\/\/brew.sh\uc744 \ucc38\uc870\ud558\uba74 \ub41c\ub2e4. \uba85\ub839 \ud55c\uc904\ub85c \uc27d\uac8c \uc124\uce58\uac00 \uac00\ub2a5\ud558\ub2e4. \uc124\uce58\uac00 \uc644\ub8cc\ub418\uba74  Node 10\uc744 \uc124\uce58\ud55c\ub2e4. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ brew install node@8\nor\n$ brew install node@10<\/code><\/pre>\n\n\n\n<p>\uc708\ub3c4\uc6b010\uc758 \uacbd\uc6b0, \uc124\uce58\ud30c\uc77c\uc744 \uc774\uc6a9\ud558\uc5ec \uc124\uce58\ud55c\ub2e4. \ub610 Git\ub3c4 \uc124\uce58\ud558\uc5ec\uc57c \ud55c\ub2e4 (macOS\uc5d0\ub294 \uae30\ubcf8 \ud3ec\ud568). Git (<a aria-label=\"https:\/\/git-scm.com\/download\/win (opens in a new tab)\" href=\"https:\/\/git-scm.com\/download\/win\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/git-scm.com\/download\/win<\/a>), Node.js (<a aria-label=\"https:\/\/nodejs.org\/en\/ (opens in a new tab)\" href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/nodejs.org\/en\/<\/a>)\ub97c \uc124\uce58\ud55c\ub2e4.<\/p>\n\n\n\n<p>Ubuntu or Linux\uc758 \uacbd\uc6b0, \ud574\ub2f9\ub418\ub294 \ud328\ud0a4\uc9c0 \ub9e4\ub2c8\uc800\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc124\uce58\ud558\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n\n\n\n<p>\uc544\ub798\uc758 \uc124\uba85\uc5d0\uc11c \ub514\ub809\ud1a0\ub9ac\uc758 \uacbd\ub85c\ub294 macOS\ub97c \uae30\uc900\uc73c\ub85c \uc124\uba85\ud558\ub098, \ub2e4\ub978 OS\uc5d0\uc11c\ub3c4 \uc720\uc0ac\ud558\ubbc0\ub85c \uac10\uc548\ud558\uc5ec \uc0ac\uc6a9\ud558\ub3c4\ub85d \ud55c\ub2e4. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Scratch\ub294 \ud06c\uac8c \uc138\uac1c\uc758 \ud30c\ud2b8\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\ub2e4. \uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811 Interaction \ud560 \uc218 \uc788\ub294 GUI\ub97c \uc81c\uacf5\ud558\ub294 scratch-gui, Scratch\uc758 \uc2e4\ud589 (Back-end)\uc744 \ub2f4\ub2f9\ud558\ub294 scratch-vm, Scratch\uc758 \ube14\ub7ed \ub514\uc790\uc778 \ubc0f \ube14\ub7ed\uac04\uc758 \uc5f0\uacb0, \uad00\ub9ac \ub4f1\uc744 \ub2f4\ub2f9\ud558\ub294 scratch-blocks\uc774\ub2e4. <\/p>\n\n\n\n<p>\uc2e4\uc81c\ub860 \uc704 \uc138\uac1c\uc758 Repository\ub97c \uc790\uc2e0\uc758 Repository\ub85c Fork\ud558\uc5ec \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud558\uace0 \uc788\ub2e4. \uc704\uc640 \uac19\uc774 \uacf5\uc2dd Repository\ub97c Clone\ud558\uc5ec \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0, \uac1c\ubc1c\uc790\uac00 \uc218\uc815\ud55c \ub2e4\uc74c commit \ubc0f push\uac00 \ubd88\uac00\ub2a5 \ud558\ubbc0\ub85c (\uc2b9\uc778\uc5c6\uc774\ub294), <a aria-label=\"github (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/github.com\" target=\"_blank\">github<\/a>\uc758 \uacc4\uc815\uc744 \uc0dd\uc131\ud558\uace0 \uc704 Repository\ub97c Fork\ud558\uc5ec \uc0ac\uc6a9\ud558\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n\n\n\n<ul><li>scratch-blocks\ub294 \uc0ac\uc6a9\uc790\uac00 \uc218\uc815\ud560\ub9cc\ud55c \uc694\uc18c\uac00 \uc5c6\ub2e4. \ub530\ub77c\uc11c \uc774 \uc124\uce58 \uacfc\uc815\uc5d0\uc11c scratch-blocks\ub294 \uac74\ub108\ub6f0\uc5b4\ub3c4 \ub428.<\/li><\/ul>\n\n\n\n<p>\uc774\uc81c https:\/\/github.com\/llk\/scratch-gui, https:\/\/github.com\/llk\/scratch-vm, <s>https:\/\/github.com\/llk\/scratch-blocks<\/s>\ub97c Fork \ud558\uc5ec \uc790\uc2e0\uc758 Repository\ub85c \uac00\uc838\uc628\ub2e4.<\/p>\n\n\n\n<p>\uc774\uc81c Scratch\uc758 \uc18c\uc2a4\ub97c \ubc1b\uc544\uc628\ub2e4. \uc784\uc758\uc758 \ub514\ub809\ud1a0\ub9ac\ub97c \uc0dd\uc131\ud558\uace0 (\uc5ec\uae30\uc120 ~\/Developer\/scratch) \uc774\ub3d9\ud55c \ud6c4 \ub2e4\uc74c\uacfc \uac19\uc774 \uc785\ub825\ud55c\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ mkdir -p ~\/Developer\/scratch\n$ cd ~\/Developer\/scratch\n\n$ git clone https:\/\/github.com\/byeongkyu\/scratch-gui\n$ git clone https:\/\/github.com\/byeongkyu\/scratch-vm\n$ git clone https:\/\/github.com\/byeongkyu\/scratch-blocks (\uc548\ud574\ub3c4\ub428)<\/code><\/pre>\n\n\n\n<p>\uc774\uc81c \uac01\uac01\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud544\uc694\ud55c \ubaa8\ub4c8\uc744 \uc124\uce58\ud55c\ub2e4. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ cd scratch-vm\n$ npm install\n$ npm link\n\n--- \uc774\uacfc\uc815\uc740 \ubb34\uc2dc ---\n$ cd ..\/scratch-blocks\n$ npm install\n$ npm link\n--- \uc774\uacfc\uc815\uc740 \ubb34\uc2dc ---\n\n$ cd ..\/scratch-gui\n$ npm install\n$ npm link scratch-vm<\/code><\/pre>\n\n\n\n<p>\ucc38\uace0\ub85c npm link \uba85\ub839\uc740 local (\ud604\uc7ac PC)\uc5d0 \uc800\uc7a5\ub41c \ubaa8\ub4c8\uc744 \uc0ac\uc6a9\ud558\uaca0\ub2e4\ub294 \uc758\ubbf8\uc774\ub2e4. \ub530\ub77c\uc11c scratch-gui\uc5d0\uc11c scratch-blocks\uc640 scratch-vm\uc740 \uc628\ub77c\uc778\uc5d0\uc11c \ubc1b\uc544\uc624\ub294\uac8c \uc544\ub2cc \uc6b0\ub9ac\uac00 \ubc1b\uc544\uc11c \uc800\uc7a5\ud55c \uac83\uc744 \uc0ac\uc6a9\ud55c\ub2e4. \uc2e4\uc81c \uc704 \uba85\ub839\uc744 \uc2e4\ud589\ud558\uace0 \ub09c \ub2e4\uc74c\uc758 \uacb0\uacfc \uba54\uc2dc\uc9c0\uac00 \ub2e4\uc74c\uacfc \uac19\uc774 \ubcf4\uc778\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ npm link scratch-vm scratch-blocks\n\/Users\/byeongkyu\/Developer\/scratch\/scratch-gui\/node_modules\/scratch-blocks -> \/usr\/local\/lib\/node_modules\/scratch-blocks -> \/Users\/byeongkyu\/Developer\/scratch\/scratch-blocks\n\/Users\/byeongkyu\/Developer\/scratch\/scratch-gui\/node_modules\/scratch-vm -> \/usr\/local\/lib\/node_modules\/scratch-vm -> \/Users\/byeongkyu\/Developer\/scratch\/scratch-vm<\/code><\/pre>\n\n\n\n<p>\uc704\uae4c\uc9c0 \uc2e4\ud589 \uc644\ub8cc\ud558\uace0 \uc5d0\ub7ec\uac00 \uc5c6\ub2e4\uba74, \ub2e4\uc74c\uacfc \uac19\uc774 \uc785\ub825\ud558\uc5ec \uc2e4\ud589\ud574\ubcf8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ cd ~\/Developer\/scratch\/scratch-gui\n$ npm start<\/code><\/pre>\n\n\n\n<p>\uc774\uc81c \uc0ac\ud30c\ub9ac\ub098 \ud06c\ub86c \ub4f1\uc744 \uc2e4\ud589\ud558\uc5ec http:\/\/0.0.0.0:8601 \uc73c\ub85c \uc811\uc18d\ud558\uba74, \ub2e4\uc74c\uacfc \uac19\uc740 \uc2e4\ud589 \ud654\uba74\uc744 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"367\" data-permalink=\"https:\/\/ahnbk.com\/?attachment_id=367\" data-orig-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?fit=2996%2C1298&amp;ssl=1\" data-orig-size=\"2996,1298\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"image\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?fit=1000%2C433&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?fit=525%2C227&amp;ssl=1\" decoding=\"async\" loading=\"lazy\" width=\"525\" height=\"227\" src=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?resize=525%2C227&#038;ssl=1\" alt=\"\" class=\"wp-image-367\" srcset=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?resize=2000%2C866&amp;ssl=1 2000w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?resize=1000%2C433&amp;ssl=1 1000w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?resize=768%2C333&amp;ssl=1 768w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?resize=1568%2C679&amp;ssl=1 1568w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/02\/image-1.png?w=1050&amp;ssl=1 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" data-recalc-dims=\"1\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6b0\uc120 Node.js\ub97c \uc124\uce58\ud558\uc5ec\uc57c \ud55c\ub2e4. macOS\uc758 \uacbd\uc6b0 homebrew\ub97c \uc0ac\uc6a9\ud558\uba74 \uc27d\uac8c \uc124\uce58\uac00 \uac00\ub2a5\ud558\ub2e4. \uad8c\uc7a5 \ubc84\uc804\uc740 Node 8\uc774\ub098 \ud604\uc7ac LTS \ubc84\uc804\uc740 Node 10\uc774\ubbc0\ub85c, \ub458 \uc911 \uc544\ubb34\uac70\ub098 \uc0ac\uc6a9\ud574\ub3c4 \ubb34\ubc29\ud558\ub2e4. (\ud14c\uc2a4\ud2b8 \ud574\ubd24\ub294\ub370 \ubcc4 \uc774\uc0c1\uc740 \uc5c6\ub2e4.) Update: BLE \ud1b5\uc2e0\uc744 \uc704\ud55c noble \ubaa8\ub4c8\uc740 Node 10\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\ub2e4. \ub530\ub77c\uc11c Node 8\ub85c \uc124\uce58\ud574\uc57c\ud568. Node10\ub3c4 \uc0c1\uad00\uc5c6\uc74c. homebrew\uc758 \uc124\uce58 \ubc29\ubc95\uc740 https:\/\/brew.sh\uc744 \ucc38\uc870\ud558\uba74 \ub41c\ub2e4. \uba85\ub839 \ud55c\uc904\ub85c \uc27d\uac8c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ahnbk.com\/?p=366\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Scratch 3.0 \uac1c\ubc1c \ud658\uacbd \uad6c\ucd95&#8221;<\/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":[63],"tags":[64,68,65,69],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2wXSW-5U","jetpack-related-posts":[],"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/366"}],"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=366"}],"version-history":[{"count":5,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/366\/revisions"}],"predecessor-version":[{"id":742,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/366\/revisions\/742"}],"wp:attachment":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}