{"id":1246,"date":"2021-05-18T00:39:51","date_gmt":"2021-05-17T15:39:51","guid":{"rendered":"http:\/\/blog.box.kr\/?p=1246"},"modified":"2021-05-18T00:39:55","modified_gmt":"2021-05-17T15:39:55","slug":"futurebuilder","status":"publish","type":"post","link":"https:\/\/blog.box.kr\/?p=1246","title":{"rendered":"FutureBuilder"},"content":{"rendered":"\n<p>Future\uac00 \uc788\ub294 \uc704\uc82f\uc744 \ub9cc\ub4e4\uae30\uc704\ud574\uc120<\/p>\n\n\n\n<p>Stateful \uc704\uc82f\uc73c\ub85c \ud574\ub454 \ub2e4\uc74c\uc5d0,<\/p>\n\n\n\n<p>\ub85c\ub529\uc774 \uc644\ub8cc\ub418\uba74 \uadf8 \uac12\uc5d0 \ub530\ub77c setstate\uc744 \ub2e4\uc2dc \ud574\uc57c\ud588\ub2e4.&nbsp;<\/p>\n\n\n\n<p>\ucf54\ub4dc\uac00 \uad49\uc7a5\ud788 \uc9c0\uc800\ubd84\ud574\uc9c0\uace0, Stateful\uc704\uc82f\uc774 \uac15\uc81c\ub41c\ub2e4\ub294 \uc810\uc5d0\uc11c \ubd88\ud3b8\ud558\uae30\ub3c4 \ud588\ub2e4.<\/p>\n\n\n\n<p>\uc774\ub97c \uadf9\ubcf5\ud558\uae30 \uc704\ud574 \uc874\uc7ac\ud558\ub294 \uc704\uc82f\uc774 \uc788\ub294<\/p>\n\n\n\n<p>\ubc14\ub85c FutureBuilder\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p>FutureBuilder\ub294 3\uac00\uc9c0\uc758 \uc694\uc18c\ub97c \uac16\ub294\ub2e4.<\/p>\n\n\n\n<p>child, future, builder\uc774\ub2e4.<\/p>\n\n\n\n<p>future\uc5d0 \uc6b0\ub9ac\uac00 \uc6d0\ud558\ub294 Future&lt;T&gt;\ub97c return\ud558\ub294 \uba54\uc18c\ub4dc\ub97c \ub123\uace0,<\/p>\n\n\n\n<p>builder\uc5d0\ub294 context\uc640 snapshot\uc744 \uc778\uc218\ub85c \uac16\uace0 \uc704\uc82f\uc744 \ub9ac\ud134\ud558\ub294 \uba54\uc18c\ub4dc\ub97c \ub123\uc73c\uba74\ub41c\ub2e4.<\/p>\n\n\n\n<p>(snapshot\uc740&nbsp;Future&lt;T&gt;\uc758 return \uac12\uc744 \uc758\ubbf8\ud55c\ub2e4.)<\/p>\n\n\n\n<p>\uadf8\ub798\uc11c future\uc758 \uac12\uc5d0 \ub530\ub77c \uc6d0\ud558\ub294\ub370\ub85c \uc704\uc82f\uc744 build\ud558\ub3c4\ub85d \uc124\uc815\ud558\uba74 \uc54c\uc544\uc11c \uac12\uc774 \ubc14\ub014 \ub54c, \ub2e4\uc2dc build\uac00 \ub41c\ub2e4.<\/p>\n\n\n\n<p>\ubcf4\ud1b5\uc740&nbsp;snapshot\uc758 connectionState\uc744 \ud1b5\ud574 waiting \ub610\ub294 hasData \ud2b9\uc131\uc744 \ud65c\uc6a9\ud574\uc11c<\/p>\n\n\n\n<p>future\uc758 \uac12\uc774 \ub3c4\ucc29\ud558\uc9c0 \uc54a\uc558\uc744\ub54c \ub85c\ub529\uc911\uc784\uc744 \ub098\ud0c0\ub0b4\ub294 \uc704\uc82f\uc744 return\ud558\uace0<\/p>\n\n\n\n<p>\uc644\ub8cc\ub410\uc744 \ub54c\ub97c \uae30\uc900\uc73c\ub85c \uc81c\ub300\ub85c\ub41c \uc704\uc82f\uc744 return\ud558\ub3c4\ub85d \ucf54\ub4dc\ub97c \uc9dc\ub454\ub2e4.<\/p>\n\n\n\n<p>\uc544, future builder\ub294 \uc6b0\ub9ac\uac00 \uc124\uc815\ud574\ub454 future\uc758 \uc0c1\ud0dc\uac00 \ubc14\ub014\ub54c\ub9c8\ub2e4 Futurebuilder\uc758 buillder \ubd80\ubd84\uc774 \ub2e4\uc2dc \uc2e4\ud589\ub41c\ub2e4.<\/p>\n\n\n\n<p>\uadf8\ub798\uc11c stateful \uc704\uc82f\uc744 \ud1b5\ud574 rebuild\ud558\ub294 \uac83\ubcf4\ub2e4 \ud6a8\uacfc\uc801\uc774\uae34 \ud558\uc9c0\ub9cc, \uc544\ub798 \ucf54\ub4dc\ucc98\ub7fc \uc801\uc740\uc591\uc758 \ucf54\ub4dc\ub294 \uc0ac\uc2e4\uc0c1 \ud070 \uc758\ubbf8\ub294 \uc5c6\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>return Scaffold(\r\n      appBar: AppBar(\r\n          title: Text(\"Test\"),\r\n      body: FurtureBuilder(\n          future : Provider.of(Orders, listen: false ).fetchAndSetOrders(),\n          builder: ( ctx, dataSnapshot) {\n               if( dataSnapshot.connectionState = ConnectionState.waiting) {\n                   return Center( child: CircularProgressIndicator() );\n               } else {\n                  if( dataSnapshot.error != null {\n                     return Center( \n                           child: Text(\"Error\"),\n                      );\n                   } else {\n                      return Consumer&lt;Orders>(\n                           builder: ( ctx, orderData, child) => ListView.builder(\n                 itemCount: orderData.orders.length,\n                 itemBuilder: ( ctx, i ) => OrderItem(orderData.orders&#91;i]),\n                 ), \/\/ ListView.builder\n           ); \/\/ Consumer \n                  }  \/\/ end if \n              } \/\/ end if \n         } \/\/ end builder\n       ) \/\/ FurtureBuilder\n    ); \/\/ Scaffold<\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Future\uac00 \uc788\ub294 \uc704\uc82f\uc744 \ub9cc\ub4e4\uae30\uc704\ud574\uc120 Stateful \uc704\uc82f\uc73c\ub85c \ud574\ub454 \ub2e4\uc74c\uc5d0, \ub85c\ub529\uc774 \uc644\ub8cc\ub418\uba74 \uadf8 \uac12\uc5d0 \ub530\ub77c setstate\uc744 \ub2e4\uc2dc \ud574\uc57c\ud588\ub2e4.&nbsp; \ucf54\ub4dc\uac00 \uad49\uc7a5\ud788 \uc9c0\uc800\ubd84\ud574\uc9c0\uace0, Stateful\uc704\uc82f\uc774 \uac15\uc81c\ub41c\ub2e4\ub294 \uc810\uc5d0\uc11c \ubd88\ud3b8\ud558\uae30\ub3c4 \ud588\ub2e4. \uc774\ub97c \uadf9\ubcf5\ud558\uae30 \uc704\ud574 \uc874\uc7ac\ud558\ub294 \uc704\uc82f\uc774 \uc788\ub294 \ubc14\ub85c FutureBuilder\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774\ub2e4. FutureBuilder\ub294 3\uac00\uc9c0\uc758 \uc694\uc18c\ub97c \uac16\ub294\ub2e4. child, future, builder\uc774\ub2e4. future\uc5d0 \uc6b0\ub9ac\uac00 \uc6d0\ud558\ub294 Future&lt;T&gt;\ub97c return\ud558\ub294 \uba54\uc18c\ub4dc\ub97c \ub123\uace0, builder\uc5d0\ub294 context\uc640 snapshot\uc744 \uc778\uc218\ub85c \uac16\uace0 \uc704\uc82f\uc744 \ub9ac\ud134\ud558\ub294 \uba54\uc18c\ub4dc\ub97c \ub123\uc73c\uba74\ub41c\ub2e4. (snapshot\uc740&nbsp;Future&lt;T&gt;\uc758 return \uac12\uc744 \uc758\ubbf8\ud55c\ub2e4.) \uadf8\ub798\uc11c future\uc758 \uac12\uc5d0 \ub530\ub77c \uc6d0\ud558\ub294\ub370\ub85c \uc704\uc82f\uc744 build\ud558\ub3c4\ub85d \uc124\uc815\ud558\uba74 \uc54c\uc544\uc11c \uac12\uc774 \ubc14\ub014 \ub54c, \ub2e4\uc2dc build\uac00 \ub41c\ub2e4. \ubcf4\ud1b5\uc740&nbsp;snapshot\uc758 connectionState\uc744 \ud1b5\ud574 waiting \ub610\ub294 hasData \ud2b9\uc131\uc744 \ud65c\uc6a9\ud574\uc11c future\uc758 \uac12\uc774 \ub3c4\ucc29\ud558\uc9c0 \uc54a\uc558\uc744\ub54c \ub85c\ub529\uc911\uc784\uc744 \ub098\ud0c0\ub0b4\ub294 \uc704\uc82f\uc744 return\ud558\uace0 \uc644\ub8cc\ub410\uc744 \ub54c\ub97c \uae30\uc900\uc73c\ub85c \uc81c\ub300\ub85c\ub41c \uc704\uc82f\uc744 return\ud558\ub3c4\ub85d \ucf54\ub4dc\ub97c \uc9dc\ub454\ub2e4. \uc544, future builder\ub294 \uc6b0\ub9ac\uac00 \uc124\uc815\ud574\ub454 future\uc758 \uc0c1\ud0dc\uac00 \ubc14\ub014\ub54c\ub9c8\ub2e4 Futurebuilder\uc758 buillder \ubd80\ubd84\uc774 \ub2e4\uc2dc \uc2e4\ud589\ub41c\ub2e4. \uadf8\ub798\uc11c stateful \uc704\uc82f\uc744 \ud1b5\ud574 rebuild\ud558\ub294 \uac83\ubcf4\ub2e4 \ud6a8\uacfc\uc801\uc774\uae34 \ud558\uc9c0\ub9cc, \uc544\ub798 \ucf54\ub4dc\ucc98\ub7fc \uc801\uc740\uc591\uc758 \ucf54\ub4dc\ub294 \uc0ac\uc2e4\uc0c1 \ud070 \uc758\ubbf8\ub294 \uc5c6\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"ngg_post_thumbnail":0,"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[41],"tags":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5q9Zn-k6","jetpack-related-posts":[{"id":720,"url":"https:\/\/blog.box.kr\/?p=720","url_meta":{"origin":1246,"position":0},"title":"[\ud38c]Java \uc5d0\uc11c DataBase Replication Master\/Slave (write\/read) \ubd84\uae30 \ucc98\ub9ac\ud558\uae30","date":"2015-04-15","format":false,"excerpt":"http:\/\/kwon37xi.egloos.com\/ \ub300\uaddc\ubaa8 \uc11c\ube44\uc2a4 \uac1c\ubc1c\uc2dc\uc5d0 \uac00\uc7a5 \uae30\ubcf8\uc801\uc73c\ub85c \ud558\ub294 \ud29c\ub2dd\uc740 \ubc14\ub85c \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c Write\uc640 Read DB\ub97c Replication(\ub9ac\ud50c\ub9ac\ucf00\uc774\uc158)\ud558\uace0 \uc4f0\uae30 \uc791\uc5c5\uc740 Master(Write)\ub85c \ubcf4\ub0b4\uace0 \uc77d\uae30 \uc791\uc5c5\uc740 Slave(Read)\ub85c \ubcf4\ub0b4\uc5b4 \ubd80\ud558\ub97c \ubd84\uc0b0 \uc2dc\ud0a4\ub294 \uac83\uc774\ub2e4. \ud2b9\ud788 \ub300\ubd80\ubd84\uc758 \uc11c\ube44\uc2a4\ub294 \uc77d\uae30\uac00 \uc555\ub3c4\uc801\uc73c\ub85c \ub9ce\uae30 \ub54c\ubb38\uc5d0\u00a0 Slave\ub294 \uc5ec\ub7ec \ub300\ub97c \ub450\uc5b4 \uc77d\uae30 \ubd80\ud558\ub97c \ubd84\uc0b0 \uc2dc\ud0a8\ub2e4. \uadf8\ub7f0\ub370 \ub610 \ud558\ub098 \uae30\uc5b5\ud574\uc57c \ud560 \uac83\uc774 Replication\uc740 \ube44\ub85d \uc9e7\ub354\ub77c\ub3c4\u2026","rel":"","context":"In &quot;JAVA&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":590,"url":"https:\/\/blog.box.kr\/?p=590","url_meta":{"origin":1246,"position":1},"title":"[\ud38c]Java \uc5d0\uc11c DataBase Replication Master\/Slave (write\/read) \ubd84\uae30 \ucc98\ub9ac\ud558\uae30 \ud504\ub85c\uadf8\ub798\ubc0d","date":"2015-01-30","format":false,"excerpt":"Cloud\ud658\uacbd\uc5d0\uc11c DB\ub97c \uc0ac\uc6a9\ud558\ub2e4\ubcf4\ub2c8 Disk I\/O\ub098 \ub108\ubb34 \ub290\ub824\uc11c \ub9ce\uc740 \uace0\ubbfc\uc744 \ud558\uac8c \ub410\ub2e4. \uc77c\ub2e8 \uc0dd\uac01\ub098\ub294\uac83\uc774 \ub9ce\uc774 \ub4e4 \ud558\ub294 Replication\uc744 \uc774\uc6a9\ud55c \ubd80\ud558\ubd84\uc0b0 ( Master\ub294 Insert\/Update\ub9cc, Slave\ub294 SELECT\ub9cc ) \uadf8\ub7f0\ub370 \ub9c9\uc0c1 \ud560\ub824\uba74 \uc774\uac83 \uc800\uac83 \uc190\uc774 \ub9ce\uc774 \uac04\ub2e4.. \uadf8\ub798\uc11c.. \uc0dd\uac01\ub9cc \ud558\uace0 \uc801\uc6a9\uc744 \uc548\ud588\uc5c8\ub294\ub370.. \u00a0 \uc6f9\uc11c\ud551\uc744 \ud558\ub2e4\uac00 \uc774\ub7f0 \uae00\uc744 \ubc1c\uacac.. \uc544!! \uc774\ub807\uac8c \uc88b\uc744 \uc218\uac00.. \u00a0 \uc5ed\uc2dc\u2026","rel":"","context":"In &quot;JAVA&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":401,"url":"https:\/\/blog.box.kr\/?p=401","url_meta":{"origin":1246,"position":2},"title":"[\ud38c][Cocos2d-x] 3.0 Alpha1 &#8211; Hello World.h","date":"2014-09-15","format":false,"excerpt":"http:\/\/singleton.tistory.com\/348 \u00a0 [Cocos2d-x] 3.0 Alpha1 - Hello World.h\u00a0 \ud504\ub85c\uc81d\ud2b8\/Cocos2d-x\u00a0| 2013\/12\/07 20:09 \u00a0\u00a0 \u203b python\uc758 create_project\ub85c \uc0dd\uc131\ud55c \uc0d8\ud50c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud55c \uae00\uc785\ub2c8\ub2e4.#ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__\/\/ cocos2d \ucf54\ub4dc\ub97c \uc4f0\uae30 \uc704\ud55c \uc778\ud074\ub8e8\ub4dc #include \"cocos2d.h\" class HelloWorld : public cocos2d::Layer { public: \/\/ there's no 'id' in cpp, so we recommend returning the class instance\u2026","rel":"","context":"In &quot;\uc77c\uc0c1&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":367,"url":"https:\/\/blog.box.kr\/?p=367","url_meta":{"origin":1246,"position":3},"title":"[\ud38c]Scala \uc2dc\uc791\ud558\uae30","date":"2014-09-15","format":false,"excerpt":"\u00a0 http:\/\/ppassa.wordpress.com\/2012\/02\/19\/getting_started_scala\/ Scala \uc2dc\uc791\ud558\uae30 \uc694\uc998 \ub4e4\uc5b4\uc11c\u00a0Scala\ub97c \uacf5\ubd80\ud558\uace0 \uc788\ub2e4. \uc544\uc9c1 \ub9ce\uc774 \ubd80\uc871\ud558\uc9c0\ub9cc, \uc9c0\uae08\uae4c\uc9c0 \ubc30\uc6b4 \uac83\ub4e4 \uae30\ub85d\ud574\ub450\uace0, \ub610 \ud639\uc2dc \uc870\uae08\uc774\ub77c\ub3c4 \ub3c4\uc6c0\uc774 \ub418\ub294 \ubd84\ub4e4\uc774 \uc788\uc744 \uc9c0 \ubab0\ub77c \uacf5\uc720\ud574\ubcf4\uace0\uc790 \ud55c\ub2e4. 1. \ub4e4\uc5b4\uac00\uba70 \ubb58 \ub610 \ubc30\uc6cc\uc57c \ud55c\ub2e8 \ub9d0\uc778\uac00? \uc774\ubbf8 C++, Java, Python, Ruby, JavaScript \ub4f1 \ub9ce\uc740 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\ub4e4\uc774 \uc788\ub294\ub370, \uc65c \uc790\uafb8 \uc0c8\ub85c\uc6b4 \uc5b8\uc5b4\uac00 \ub098\uc624\uace0 \uc788\ub0d0?\u2026","rel":"","context":"In &quot;\ucc38\uace0\ub97c \uc704\ud55c \uc800\uc7a5\ubb3c&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":809,"url":"https:\/\/blog.box.kr\/?p=809","url_meta":{"origin":1246,"position":4},"title":"[scrap] Replication Startup Options","date":"2015-05-18","format":false,"excerpt":"http:\/\/simonshin.egloos.com\/2247545 \u00a0 \ub9ac\ud50c\ub9ac\ucf00\uc774\uc158 \uc2a4\ud0c0\ud2b8\uc5c5 \uc635\uc158\ub4e4 \uc774 \uc139\uc158\uc5d0\uc11c\ub294 \uc5ec\ub7ec\ubd84\uc774 \uc2ac\ub808\uc774\ube0c \ub9ac\ud50c\ub9ac\ucf00\uc774\uc158 \uc11c\ubc84\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc635\uc158\ub4e4\uc5d0 \ub300\ud574 \uc124\uba85\ud558\uae30\ub85c \ud55c\ub2e4. \uc774 \uc635\uc158\ub4e4\uc740 \uba85\ub839\uc5b4 \ub77c\uc778 \ub610\ub294 \uc635\uc158 \ud30c\uc77c\uc5d0\uc11c \uc9c0\uc815\ud560 \uc218 \uc788\ub2e4. \ub9c8\uc2a4\ud130\uc640 \uac01 \uc2ac\ub808\uc774\ube0c\uc5d0\uc11c, \uc5ec\ub7ec\ubd84\uc740 \uace0\uc720\uc758 \ub9ac\ud50c\ub9ac\ucf00\uc774\uc158 ID\ub97c \uc124\uc815\ud558\uae30 \uc704\ud574\uc11c \ubc18\ub4dc\uc2dc server-id\uc635\uc158\uc744 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4. \uac01 \uc11c\ubc84\uc758 \uacbd\uc6b0, \uc5ec\ub7ec\ubd84\uc740 1 \uc5d0\uc11c 232 \u2013 1\u2026","rel":"","context":"In &quot;DB\uad00\ub828&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":375,"url":"https:\/\/blog.box.kr\/?p=375","url_meta":{"origin":1246,"position":5},"title":"spring mybatis @Repository","date":"2014-09-15","format":false,"excerpt":"\u00a0 http:\/\/blog.naver.com\/PostView.nhn?blogId=vikong&logNo=60180414100 application-context.xml \u00a0 1) @Respository \ub85c DAO scanning \ubc0f bean \uc124\uc815 \ubb38\uc7a5 <context:component-scan base-package=\"trust.repository\" use-default-filters=\"false\"> <context:include-filter type=\"annotation\" expression=\"org.springframework.stereotype.Repository\" \/> <\/context:component-scan> \u00a0 2) @Transactional \uc744 \uc704\ud55c \uc124\uc815 \ubb38\uc7a5 <!-- enable the configuration of transactional behavior based on annotations --> <tx:annotation-driven transaction-manager=\"txManager\" proxy-target-class=\"true\"\/> \u00a0 <!-- a PlatformTransactionManager is still required -->\u2026","rel":"","context":"In &quot;\ucc38\uace0\ub97c \uc704\ud55c \uc800\uc7a5\ubb3c&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1246"}],"collection":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1246"}],"version-history":[{"count":1,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1246\/revisions"}],"predecessor-version":[{"id":1247,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1246\/revisions\/1247"}],"wp:attachment":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}