{"id":45732,"date":"2021-11-20T09:03:50","date_gmt":"2021-11-20T00:03:50","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45732"},"modified":"2021-11-20T09:03:52","modified_gmt":"2021-11-20T00:03:52","slug":"jetpack-compose-animation-%ec%bb%a8%ed%85%90%ec%b8%a0-%ed%81%ac%ea%b8%b0-%eb%b3%80%ea%b2%bd-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45732","title":{"rendered":"Jetpack Compose Animation &#8211; \ucee8\ud150\uce20 \ud06c\uae30 \ubcc0\uacbd \uc560\ub2c8\uba54\uc774\uc158"},"content":{"rendered":"\n<p>\uc571\uc740 \uc5ec\ub7ec \uc8fc\uc81c(topic)\ub97c \ucf58\ud150\uce20\ub0b4\uc5d0 \ubcf4\uc5ec\uc900\ub2e4. \uadf8 \uc911 \ud558\ub098\ub97c \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \uc8fc\uc81c\uc5d0 \ub300\ud55c \ubcf8\ubb38\uc774 \uc5f4\ub9ac\uace0 \ud45c\uc2dc\ub41c\ub2e4. \ubcf8\ubb38\uc774 \ud45c\uc2dc\ub418\uac70\ub098 \uc228\uaca8\uc9c0\uba74 \ud14d\uc2a4\ud2b8\uac00 \ud3ec\ud568\ub41c \uce74\ub4dc\uac00 \ud655\uc7a5 \ubc0f \ucd95\uc18c\ub41c\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><img decoding=\"async\" src=\"https:\/\/developer.android.com\/codelabs\/jetpack-compose-animation\/img\/5088ae9a063716ba.png?hl=ko\"><\/td><td><img decoding=\"async\" src=\"https:\/\/developer.android.com\/codelabs\/jetpack-compose-animation\/img\/1de654702522c818.png?hl=ko\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>TopicRow \ucef4\ud3ec\uc800\ube14\uc5d0\uc11c TODO 3\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub97c \ud655\uc778\ud558\uc790.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Column(\n\u00a0 \u00a0 modifier = Modifier\n\u00a0 \u00a0 \u00a0 \u00a0 .fillMaxWidth()\n\u00a0 \u00a0 \u00a0 \u00a0 .padding(16.dp)\n) {\n\u00a0 \u00a0 \/\/ ... \uc81c\ubaa9\uacfc \ubcf8\ubb38\n}<\/code><\/pre>\n\n\n\n<p>\uc5ec\uae30\uc5d0\uc11c Column \ucef4\ud3ec\uc800\ube14\uc740 \ub0b4\uc6a9\uc774 \ubcc0\uacbd\ub418\uba74 \ud06c\uae30\uac00 \ubcc0\uacbd\ub41c\ub2e4. animateContentSize \uc218\uc815\uc790\ub97c \ucd94\uac00\ud558\uc5ec \ud06c\uae30 \ubcc0\uacbd\uc744 \uc560\ub2c8\uba54\uc774\uc158\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Column(\n\u00a0 \u00a0 modifier = Modifier\n\u00a0 \u00a0 \u00a0 \u00a0 .fillMaxWidth()\n\u00a0 \u00a0 \u00a0 \u00a0 .padding(16.dp)\n<strong>\u00a0 \u00a0 \u00a0 \u00a0 .animateContentSize()<\/strong>\n) {\n\u00a0 \u00a0 \/\/ ... \uc81c\ubaa9\uacfc \ubcf8\ubb38\n}<\/code><\/pre>\n\n\n\n<p>\uc571\uc744 \uc2e4\ud589\ud558\uace0 \uc8fc\uc81c \uc911 \ud558\ub098\ub97c \ud074\ub9ad\ud55c\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc73c\ub85c \ud655\uc7a5 \ubc0f \ucd95\uc18c\ub418\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/developer.android.com\/codelabs\/jetpack-compose-animation\/img\/c0ad7381779fcb09.gif?hl=ko\" alt=\"c0ad7381779fcb09.gif\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\uc571\uc740 \uc5ec\ub7ec \uc8fc\uc81c(topic)\ub97c \ucf58\ud150\uce20\ub0b4\uc5d0 \ubcf4\uc5ec\uc900\ub2e4. \uadf8 \uc911 \ud558\ub098\ub97c \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \uc8fc\uc81c\uc5d0 \ub300\ud55c \ubcf8\ubb38\uc774 \uc5f4\ub9ac\uace0 \ud45c\uc2dc\ub41c\ub2e4. \ubcf8\ubb38\uc774 \ud45c\uc2dc\ub418\uac70\ub098 \uc228\uaca8\uc9c0\uba74 \ud14d\uc2a4\ud2b8\uac00 \ud3ec\ud568\ub41c \uce74\ub4dc\uac00 \ud655\uc7a5 \ubc0f \ucd95\uc18c\ub41c\ub2e4. TopicRow \ucef4\ud3ec\uc800\ube14\uc5d0\uc11c TODO 3\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub97c \ud655\uc778\ud558\uc790. \uc5ec\uae30\uc5d0\uc11c Column \ucef4\ud3ec\uc800\ube14\uc740 \ub0b4\uc6a9\uc774 \ubcc0\uacbd\ub418\uba74 \ud06c\uae30\uac00 \ubcc0\uacbd\ub41c\ub2e4. animateContentSize \uc218\uc815\uc790\ub97c \ucd94\uac00\ud558\uc5ec \ud06c\uae30 \ubcc0\uacbd\uc744 \uc560\ub2c8\uba54\uc774\uc158\ud560 \uc218 \uc788\ub2e4. \uc571\uc744 \uc2e4\ud589\ud558\uace0 \uc8fc\uc81c \uc911 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45732"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45732"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45732\/revisions"}],"predecessor-version":[{"id":45733,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45732\/revisions\/45733"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}