{"id":333,"date":"2017-01-23T14:37:30","date_gmt":"2017-01-23T05:37:30","guid":{"rendered":"http:\/\/www.mukgee.com\/?p=333"},"modified":"2017-01-23T14:37:30","modified_gmt":"2017-01-23T05:37:30","slug":"reactjs-setstate%ec%97%90-%eb%8c%80%ed%95%98%ec%97%ac","status":"publish","type":"post","link":"http:\/\/mukgee.com\/?p=333","title":{"rendered":"[ReactJS] setState\uc5d0 \ub300\ud558\uc5ec"},"content":{"rendered":"<p>\ud29c\ud1a0\ub9ac\uc5bc\uc744 \ubcf4\uba74,<\/p>\n<pre class=\"lang:default decode:true\">jumpTo(step) {\n    this.setState({\n        stepNumber: step,\n        xIsNext: (step % 2) ? false : true,\n    });\n}<\/pre>\n<p>\uc774 \ubd80\ubd84\uc774 \uc798 \uc774\ud574\uac00 \uc548\uac00\ub354\ub77c. Game \uac1d\uccb4 \ub0b4\uc758 moves\ub77c\ub294 React\u00a0element\uc5d0 onclick \uc774\ubca4\ud2b8\ub85c \ub4f1\ub85d\ub41c \uac83\uc774 jumpTo \ud568\uc218\uc778\ub370, jumpTo \ud568\uc218\uac00 \uc2e4\ud589\ub418\uace0 \ub098\uba74, \ud654\uba74\uc774 \ub2e4\uc2dc \uadf8\ub824\uc9c0\ub294\ub370 \uadf8 re-rendering \uc2dc\uc810\uc744 \ubabb\ucc3e\uc558\uc5c8\ub2e4. onRender \uac19\uc740 \uc774\ubca4\ud2b8\uac00 \uc874\uc7ac\ud558\ub294\uac83\ub3c4 \uc544\ub2c8\uace0 \uc5b4\ub5a4 \uae30\uc900\uc5d0\uc11c \ub2e4\uc2dc \uadf8\ub824\uc9c0\ub294 \uac74\uc9c0 \ud558\uace0 \uac80\uc0c9 \ud574\ubd24\ub354\ub2c8<\/p>\n<p><span style=\"color: #003366;\"><strong>ReactJS\ub294 \uc0c1\ud0dc\uac00 \ubcc0\uacbd(setState \ud568\uc218 \ud638\ucd9c)\uc2dc\uc5d0 render \uba54\uc18c\ub4dc\ub97c \ub2e4\uc2dc \ud638\ucd9c\ud574\uc11c re-rendering \uc744 \uc9c4\ud589\ud55c\ub2e4.<\/strong><\/span><\/p>\n<p>\uacb0\uad6d setState \ub294 \uc0ac\uc6a9\uc790 \uc774\ubca4\ud2b8\uc5d0 \ub530\ub77c UI\uac00 \ubcc0\uacbd(show\/hide \uac19\uc740)\ub418\uac70\ub098 Ajax \ud638\ucd9c\uc744 \ud1b5\ud574 \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc640\uc11c \ub2e4\uc2dc display \ud574\uc918\uc57c\ud558\ub294 \ub4f1\uc758 \uc870\uac74\uc5d0\uc11c \uc0ac\uc6a9\ud574\uc8fc\uba74 \uc88b\uc744\uac83 \uac19\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud29c\ud1a0\ub9ac\uc5bc\uc744 \ubcf4\uba74, jumpTo(step) { this.setState({ stepNumber: step, xIsNext: (step % 2) ? false : true, }); } \uc774 \ubd80\ubd84\uc774 \uc798 \uc774\ud574\uac00 \uc548\uac00\ub354\ub77c. Game \uac1d\uccb4 \ub0b4\uc758&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[3],"tags":[20,30],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/mukgee.com\/index.php?rest_route=\/wp\/v2\/posts\/333"}],"collection":[{"href":"http:\/\/mukgee.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mukgee.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mukgee.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/mukgee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=333"}],"version-history":[{"count":0,"href":"http:\/\/mukgee.com\/index.php?rest_route=\/wp\/v2\/posts\/333\/revisions"}],"wp:attachment":[{"href":"http:\/\/mukgee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mukgee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mukgee.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}