{"id":12,"date":"2026-06-26T13:24:10","date_gmt":"2026-06-26T13:24:10","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=12"},"modified":"2026-06-26T13:24:10","modified_gmt":"2026-06-26T13:24:10","slug":"2-scaffolding-react-project","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/?p=12","title":{"rendered":"2-scaffolding-react-project"},"content":{"rendered":"<h2>1. Scaffolding React Project<\/h2>\n<ol>\n<li>\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\ub97c \ucd5c\uc0c1\uc704\ub85c \uc5f0\ub2e4.<\/li>\n<li>\ud544\uc694 \uc5c6\ub294 \ud30c\uc77c \uc0ad\uc81c (\uc774\ubbf8\uc9c0\uc5d0 \ud45c\uc2dc\ub41c \ud30c\uc77c\uc744 \uc0ad\uc81c)<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/01.png\" alt=\"\"><\/p>\n<ol>\n<li>\ucf54\ub4dc\uc218\uc815 &#8211; \ud45c\uc2dc\ub41c \ubd80\ubd84\uc744 \uc0ad\uc81c<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/02.png\" alt=\"\"><\/p>\n<ol>\n<li>App.tsx \ucf54\ub4dc \ucd94\uac00\uc218\uc815\u2192\ud45c\uc2dc\ub41c \ubd80\ubd84 \uc0ad\uc81c \ud558\uace0 \ucf54\ub4dc\uc791\uc131<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/03.png\" alt=\"\"><\/p>\n<pre><code class=\"language-javascript\">function App() {\n  return &lt;h1&gt;HI&lt;\/h1&gt;;\n}\n\nexport default App;\n<\/code><\/pre>\n<ol>\n<li>\uc571 \uc2e4\ud589 \ud558\uae30<br \/>\n<code>npm run dev<\/code><\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/04.png\" alt=\"\"><\/p>\n<ol>\n<li>\ud130\ubbf8\ub110\uc5d0 \uc751\ub2f5\uc774 \ucd9c\ub825\ub418\uba74\uc11c local \uc8fc\uc18c\uac00 \ud655\uc778\ub418\uba74 \ube0c\ub77c\uc6b0\uc800 \uc8fc\uc18c\ucc3d\uc5d0 \ud574\ub2f9 \ub9c1\ud06c\ub85c \uc774\ub3d9\ud558\uc5ec \ub80c\ub354\ub9c1 \uacb0\uacfc\ub97c \ud655\uc778\ud55c\ub2e4.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/05.png\" alt=\"\"><\/p>\n<ol>\n<li>\uc2e4\ud589 \ud654\uba74 \ud655\uc778<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/06.png\" alt=\"\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Scaffolding React Project \ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\ub97c \ucd5c\uc0c1\uc704\ub85c \uc5f0\ub2e4. \ud544\uc694 \uc5c6\ub294 \ud30c\uc77c \uc0ad\uc81c (\uc774\ubbf8\uc9c0\uc5d0 \ud45c\uc2dc\ub41c \ud30c\uc77c\uc744 \uc0ad\uc81c) \ucf54\ub4dc\uc218\uc815 &#8211; \ud45c\uc2dc\ub41c \ubd80\ubd84\uc744 \uc0ad\uc81c App.tsx \ucf54\ub4dc \ucd94\uac00\uc218\uc815\u2192\ud45c\uc2dc\ub41c \ubd80\ubd84 \uc0ad\uc81c \ud558\uace0 \ucf54\ub4dc\uc791\uc131 function App() { return &lt;h1&gt;HI&lt;\/h1&gt;; } export default App; \uc571 \uc2e4\ud589 \ud558\uae30 npm run dev \ud130\ubbf8\ub110\uc5d0 \uc751\ub2f5\uc774 \ucd9c\ub825\ub418\uba74\uc11c local \uc8fc\uc18c\uac00 \ud655\uc778\ub418\uba74 \ube0c\ub77c\uc6b0\uc800 \uc8fc\uc18c\ucc3d\uc5d0 \ud574\ub2f9 \ub9c1\ud06c\ub85c \uc774\ub3d9\ud558\uc5ec \ub80c\ub354\ub9c1 &#8230; <a title=\"2-scaffolding-react-project\" class=\"read-more\" href=\"https:\/\/coalacoding.com\/?p=12\" aria-label=\"2-scaffolding-react-project\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-react-basics"],"_links":{"self":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":0,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}