{"id":966,"date":"2025-07-27T21:20:18","date_gmt":"2025-07-27T12:20:18","guid":{"rendered":"https:\/\/nangchang.nes.or.kr\/?p=966"},"modified":"2025-07-27T21:20:21","modified_gmt":"2025-07-27T12:20:21","slug":"%e2%a4%b4%ef%b8%8f-%ec%83%81%ed%83%9c-%eb%81%8c%ec%96%b4%ec%98%ac%eb%a6%ac%ea%b8%b0-%ec%bb%b4%ed%8f%ac%eb%84%8c%ed%8a%b8-%ea%b0%84-%eb%8d%b0%ec%9d%b4%ed%84%b0-%ea%b3%b5%ec%9c%a0%ed%95%98","status":"publish","type":"post","link":"https:\/\/nangchang.nes.or.kr\/?p=966","title":{"rendered":"\u2934\ufe0f \uc0c1\ud0dc \ub04c\uc5b4\uc62c\ub9ac\uae30 \u2013 \ucef4\ud3ec\ub10c\ud2b8 \uac04 \ub370\uc774\ud130 \uacf5\uc720\ud558\ub294 \ubc95"},"content":{"rendered":"\n<p>\ub9ac\uc561\ud2b8\uc5d0\uc11c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c <strong>\uc0c1\ud0dc(state)\ub294 \ud574\ub2f9 \ucef4\ud3ec\ub10c\ud2b8 \ub0b4\ubd80\uc5d0\uc11c\ub9cc \uc720\ud6a8<\/strong>\ud569\ub2c8\ub2e4.<br>\ud558\uc9c0\ub9cc \ub54c\ub54c\ub85c <strong>\uc5ec\ub7ec \ucef4\ud3ec\ub10c\ud2b8\uac00 \uac19\uc740 \ub370\uc774\ud130\ub97c \uacf5\uc720<\/strong>\ud574\uc57c \ud560 \ub54c\uac00 \uc788\uc5b4\uc694.<\/p>\n\n\n\n<p>\uc774\ub7f4 \ub54c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc774 \ubc14\ub85c <strong>\uc0c1\ud0dc \ub04c\uc5b4\uc62c\ub9ac\uae30(Lifting State Up)<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">1. \ud83d\udce6 \ubb38\uc81c \uc0c1\ud669: \ub450 \uc790\uc2dd \ucef4\ud3ec\ub10c\ud2b8\uac00 \uac19\uc740 \uc0c1\ud0dc\ub97c \uc368\uc57c \ud560 \ub54c<\/h3>\n\n\n\n<p>\uc608\ub97c \ub4e4\uc5b4, \ud558\ub098\ub294 \uc785\ub825\uc744 \ubc1b\uace0, \ub2e4\ub978 \ud558\ub098\ub294 \uadf8 \uac12\uc744 \ucd9c\ub825\ud558\ub294 \uad6c\uc870\ub97c \uc0dd\uac01\ud574\ubcfc \uc218 \uc788\uc5b4\uc694.<\/p>\n\n\n\n<p>\uadf8\ub7f0\ub370 \uc785\ub825 \ucef4\ud3ec\ub10c\ud2b8\uc758 \uc0c1\ud0dc\ub97c \ucd9c\ub825 \ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc5b4\uc694.<br>\u27a1\ufe0f <strong>\ud574\uacb0\ucc45\uc740?<\/strong> \ubd80\ubaa8 \ucef4\ud3ec\ub10c\ud2b8\ub85c \uc0c1\ud0dc\ub97c \ub04c\uc5b4\uc62c\ub9ac\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. \ud83e\uddea \uc608\uc81c \ucf54\ub4dc<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">function Parent() {\n  const [name, setName] = useState('');\n\n  return (\n    &lt;div&gt;\n      &lt;NameInput name={name} setName={setName} \/&gt;\n      &lt;NameDisplay name={name} \/&gt;\n    &lt;\/div&gt;\n  );\n}\n\nfunction NameInput({ name, setName }) {\n  return (\n    &lt;input\n      value={name}\n      onChange={(e) =&gt; setName(e.target.value)}\n      placeholder=\"\uc774\ub984\uc744 \uc785\ub825\ud558\uc138\uc694\"\n    \/&gt;\n  );\n}\n\nfunction NameDisplay({ name }) {\n  return &lt;p&gt;\uc548\ub155\ud558\uc138\uc694, {name}\ub2d8!&lt;\/p&gt;;\n}\n<\/code><\/pre>\n\n\n\n<p>\ud83d\udccc \ud575\uc2ec\uc740 <strong>\uc0c1\ud0dc(name)\uc640 \uc0c1\ud0dc \ubcc0\uacbd \ud568\uc218(setName)<\/strong>\ub97c \ubd80\ubaa8\uc5d0\uc11c \ub9cc\ub4e4\uace0, \uc790\uc2dd\ub4e4\uc5d0\uac8c props\ub85c \uc804\ub2ec\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. \ud83d\udccc \uc774\ub807\uac8c \uc774\ud574\ud574\ubcf4\uc138\uc694<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ub370\uc774\ud130\uc758 \u201c\uc6d0\ubcf8\u201d\uc740 \ud56d\uc0c1 \ubd80\ubaa8\uc5d0 \uc874\uc7ac<\/li>\n\n\n\n<li>\uc785\ub825 \ucef4\ud3ec\ub10c\ud2b8\ub294 \uac12\uc744 \uc218\uc815\ud560 \uc218 \uc788\ub294 <code>setName<\/code>\uc744 \ubc1b\uc74c<\/li>\n\n\n\n<li>\ucd9c\ub825 \ucef4\ud3ec\ub10c\ud2b8\ub294 \uadf8 \uac12\uc744 \ud45c\uc2dc\ud558\uae30\ub9cc \ud568<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\uddbc\ufe0f \uc0c1\ud0dc \ub04c\uc5b4\uc62c\ub9ac\uae30 \ud750\ub984\ub3c4<\/h3>\n\n\n\n<p>\uc544\ub798 \uadf8\ub9bc\uc740 \ubd80\ubaa8 \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \uc0c1\ud0dc\ub97c \uc62c\ub9ac\uace0, \uc790\uc2dd\ub4e4\ub07c\ub9ac \ub370\uc774\ud130\ub97c \uacf5\uc720\ud558\ub294 \ud750\ub984\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image-683x1024.png\" alt=\"\" class=\"wp-image-967\" srcset=\"https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image-683x1024.png 683w, https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image-200x300.png 200w, https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image-768x1152.png 768w, https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image-624x936.png 624w, https:\/\/nangchang.nes.or.kr\/wp-content\/uploads\/2025\/07\/image.png 1024w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\ub9ac\uc561\ud2b8\uc5d0\uc11c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc0c1\ud0dc(state)\ub294 \ud574\ub2f9 \ucef4\ud3ec\ub10c\ud2b8 \ub0b4\ubd80\uc5d0\uc11c\ub9cc \uc720\ud6a8\ud569\ub2c8\ub2e4.\ud558\uc9c0\ub9cc \ub54c\ub54c\ub85c \uc5ec\ub7ec \ucef4\ud3ec\ub10c\ud2b8\uac00 \uac19\uc740 \ub370\uc774\ud130\ub97c \uacf5\uc720\ud574\uc57c \ud560 \ub54c\uac00 \uc788\uc5b4\uc694. \uc774\ub7f4 \ub54c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc774 \ubc14\ub85c \uc0c1\ud0dc \ub04c\uc5b4\uc62c\ub9ac\uae30(Lifting State Up)\uc785\ub2c8\ub2e4. 1. \ud83d\udce6 \ubb38\uc81c \uc0c1\ud669: \ub450 \uc790\uc2dd \ucef4\ud3ec\ub10c\ud2b8\uac00 \uac19\uc740 \uc0c1\ud0dc\ub97c \uc368\uc57c \ud560 \ub54c \uc608\ub97c \ub4e4\uc5b4, \ud558\ub098\ub294 \uc785\ub825\uc744 \ubc1b\uace0, \ub2e4\ub978 \ud558\ub098\ub294 \uadf8 \uac12\uc744 \ucd9c\ub825\ud558\ub294 \uad6c\uc870\ub97c \uc0dd\uac01\ud574\ubcfc \uc218 \uc788\uc5b4\uc694. \uadf8\ub7f0\ub370 \uc785\ub825 \ucef4\ud3ec\ub10c\ud2b8\uc758 \uc0c1\ud0dc\ub97c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[80],"class_list":["post-966","post","type-post","status-publish","format-standard","hentry","category-pogramming","tag-react"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=966"}],"version-history":[{"count":1,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts\/966\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=\/wp\/v2\/posts\/966\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nangchang.nes.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}