{"id":44782,"date":"2021-03-07T16:37:43","date_gmt":"2021-03-07T07:37:43","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=44782"},"modified":"2021-03-07T16:37:43","modified_gmt":"2021-03-07T07:37:43","slug":"jetpack-compose%ec%9d%98-%eb%93%b1%ec%9e%a5%eb%b0%b0%ea%b2%bd%ec%9d%84-%ec%95%8c%ec%95%84%eb%b3%b4%ec%9e%90","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=44782","title":{"rendered":"Jetpack Compose\uc758 \ub4f1\uc7a5\ubc30\uacbd\uc744 \uc54c\uc544\ubcf4\uc790."},"content":{"rendered":"

Jetpack Compose\ub294 \ub124\uc774\ud2f0\ube0c Android UI\ub97c \ube4c\ub4dc\ud558\uae30 \uc704\ud55c \ucd5c\uc2e0 \uc120\uc5b8\ud615 UI \ud234\ud0b7\uc774\ub2e4. Jetpack Compose\ub294 \uc801\uc740 \uc218\uc758 \ucf54\ub4dc, \uac15\ub825\ud55c \ub3c4\uad6c \ubc0f \uc9c1\uad00\uc801\uc778 Kotlin API\ub85c Android\uc5d0\uc11c\uc758 UI \uac1c\ubc1c\uc744 \uac04\uc18c\ud654\ud558\uace0 \uac00\uc18d\ud654\ud55c\ub2e4.<\/span><\/p>\n

Declarative UI Programming?<\/h2>\n

\uc120\uc5b8\ud615 UI\ud504\ub85c\uadf8\ub798\ubc0d(Declarative UI Programming)\uc740 \uae30\uc874\uc758 \uba85\ub839\ud615 UI \ud504\ub85c\uadf8\ub798\ubc0d\uacfc \ub2ec\ub9ac View\uc758 \uc0c1\ud0dc(State)\ub9cc \uc120\uc5b8\ud558\uace0 \uc790\uc138\ud55c \uad6c\ud604\uc740 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uac8c \ub9e1\uae30\ub294 \ubc29\ubc95\uc744 \uc758\ubbf8\ud55c\ub2e4.<\/p>\n

\uc65c Compose\uac00 \ub4f1\uc7a5 \ud588\ub294\uac00? (API regret..)<\/h3>\n
\n

“API \uc124\uacc4\ub294 \ubbf8\ub798\uc5d0 \ud6c4\ud68c\ud560 \ub0b4\uc6a9\uc744 \ub9cc\ub4dc\ub294 \uac83\uc774\ub2e4”<\/p>\n

– Chet Haase –<\/p>\n<\/blockquote>\n

\uae30\uc874\uc758 View.java \ucf54\ub4dc\ub294 \uc57d 3\ub9cc\uc904\uc774 \ub118\uc5b4\uac00\uace0 \uc788\ub2e4. (\ud655\uc7a5 \ubc0f \uc720\uc9c0\ubcf4\uc218\uc758 \uc5b4\ub824\uc6c0)<\/p>\n

\"\"<\/a><\/p>\n

Spinner\ub294 \uae30\ubcf8 \uc704\uc82f\uc73c\ub85c \uc81c\uacf5\ub418\uc9c0\ub9cc \ub514\uc790\uc778 \ubc0f \uc0ac\uc6a9\uc131\uc774 \ub098\ube60 \uac70\uc758 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n

\"\"<\/a><\/p>\n

Button\uc740 View\uac00 \uc544\ub2cc TextView\ub97c \ud655\uc7a5\ud588\uae30\uc5d0 \ud14d\uc2a4\ud2b8\uac00 \uc120\ud0dd \ub418\ub294 \ub9d0\ub3c4 \uc548\ub418\ub294 \uc77c\uc774 \ubc8c\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/p>\n

\"\"<\/a><\/p>\n

\n\ub808\uac70\uc2dc\uac00 \uac10\ub2f9\uc774 \uc548\ub418\uae30 \ub54c\ubb38\uc5d0 \uad6c\uae00\uc740 UI \ud234\ud0b7\uc744 Jetpack Compose\ub85c \ubd84\ub9ac\ud558\uae30\ub85c \uacb0\uc2ec\ud588\ub2e4.(unbundle the UI toolkit)<\/p>\n

\uc9c0\uae08\uae4c\uc9c0\ub294 UI \ud234\ud0b7\uc744 \uad00\ub9ac\ud558\ub294 \uad6c\uae00\uc785\uc7a5\uc774\uc600\uace0, \uc774\uc81c \uc571\uc744 \uac1c\ubc1c\ud558\ub294 \uac1c\ubc1c\uc790 \uad00\uc810\uc5d0\uc11c Compose\uac00 \uc65c \ub4f1\uc7a5\ud588\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n

View\ub294 \uc5b4\ub835\ub2e4<\/h4>\n

\n\"\"<\/a>\ucee4\uc2a4\ud140 \ubdf0(Custom View)\ub97c \uc791\uc131\ud558\uae30 \uc704\ud574\uc11c MyWidget\uc774\ub77c\ub294 \ud074\ub798\uc2a4\ub97c \ub9cc\ub4e4\uc5c8\ub2e4.
\n\ucf54\ub4dc\ub294 \ub9e4\uc6b0 \uc5c4\uaca9\ud558\uac8c \uc791\uc131\ub418\uc5b4\uc57c \ud558\uba70, View\uc5d0 \ub300\ud55c \uc774\ud574\uac00 \ub0ae\ub2e4\uba74 \uc2dc\ub3c4\uc870\ucc28 \ud558\uae30 \ud798\ub4e4\ub2e4.\u00a0<\/p>\n

Fragment\ub3c4 \uc5b4\ub835\ub2e4.<\/h4>\n

Fragment\ub294 \ub77c\uc774\ud504 \uc0ac\uc774\ud074 \ubc0f \uc544\ud0a4\ud14d\ucc98 \ucef4\ud3ec\ub10c\ud2b8 \ub4f1\uc744 \uc81c\uacf5\ud558\uae30 \ub54c\ubb38\uc5d0 View\ubcf4\ub2e4\ub294 \uc880 \ub354 \uc720\uc5f0\ud55c \ubc29\uc2dd\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \"\"<\/a>\ud558\uc9c0\ub9cc Fragment\ub294 \uc880 \ub354 \ubcf5\uc7a1\ud55c \uc0c1\ud669\uc5d0\uc11c \uc8fc\ub85c \uc0ac\uc6a9\ub418\uace0 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc571\uc758 \ubcc0\ud654\uc5d0 \ub300\uc751\ud558\uae30 \uc704\ud574\uc11c\ub294 \ub9ce\uc740 \ube44\uc6a9\uc744 \ub4e4\uc5ec \uad00\ub9ac\ud558\uac8c \ub41c\ub2e4.\u00a0<\/p>\n

\uadf8\ub798\uc11c MVC, MVVM, MVP, MVI \uc640 \uac19\uc740 \uc544\ud0a4\ud14d\ucc98\ub97c \uad6c\ucd95\ud558\uc5ec \uc774\ub7ec\ud55c \ubcc0\ud654\ub85c\ubd80\ud130 \ucd5c\ub300\ud55c \ubcf4\ud638\ud558\uac8c \ub41c \uac83\uc774\ub2e4.<\/p>\n

\uae30\uc874\ubc29\uc2dd\uc758 \ub610 \ud558\ub098\uc758 \ub2e8\uc810\uc740 View\ub97c \uc0ac\uc6a9\ud558\ub358 Fragment \ub97c \uc0ac\uc6a9\ud558\ub358 \ub108\ubb34 \ub9ce\uc740 \ucf54\ub4dc\ub97c \uc0dd\uc0b0\ud574\uc57c \ud55c\ub2e4\ub294<\/p>\n

\ud504\ub808\uadf8\uba3c\ud2b8 \ucf54\ub4dc, \ub808\uc774\uc544\uc6c3 xml \ucf54\ub4dc, \uc2a4\ud0c0\uc77c \uc815\uc758\ub97c \uc704\ud55c \ucf54\ub4dc, attrs.xml \uc5d0 \uac01\uc885 \uc18d\uc131\ub3c4 \uc815\uc758\ud574\uc57c\ud55c\ub2e4. \ub354\ub098\uc544\uac00 API \ubc84\uc804\uc5d0 \ub530\ub978 \ubd84\uae30 \ubc0f \uac01\uc885 \uc774\ubca4\ud2b8 \ucc98\ub9ac\ub3c4 \ud574\uc57c\ud55c\ub2e4. \uc571\uc774 \ucee4\uc9c8\uc218\ub85d \uc0c1\ud669\uc774\ub098 \ud750\ub984\uc744 \ud55c\ub208\uc5d0 \ubcf4\uae30 \ud798\ub4e4\uc5b4\uc9c4\ub2e4.<\/p>\n

Compose\uc758 \ubaa9\uc801<\/h4>\n

Compose\uac00 \ub4f1\uc7a5\ud55c \uc774\uc720\ub97c \uac04\ub7b5\ud788 \uc815\ub9ac\ud558\uc790\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n

    \n
  • UI \ud234\ud0b7\uc744 \ubd84\ub9ac<\/li>\n
  • \ud544\uc694\ud55c \uae30\uc220 \uc2a4\ud0dd\uc758 \uac2f\uc218\ub97c \uc904\uc774\uae30<\/li>\n
  • \uc0c1\ud0dc\uc758 \uc18c\uc720(State ownership) \ubc0f \uc774\ubca4\ud2b8 \ud578\ub4e4\ub9c1\uc744 \uba85\ud655\ud558\uac8c \ud558\uae30<\/li>\n<\/ul>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    Jetpack Compose\ub294 \ub124\uc774\ud2f0\ube0c Android UI\ub97c \ube4c\ub4dc\ud558\uae30 \uc704\ud55c \ucd5c\uc2e0 \uc120\uc5b8\ud615 UI \ud234\ud0b7\uc774\ub2e4. Jetpack Compose\ub294 \uc801\uc740 \uc218\uc758 \ucf54\ub4dc, \uac15\ub825\ud55c \ub3c4\uad6c \ubc0f \uc9c1\uad00\uc801\uc778 Kotlin API\ub85c Android\uc5d0\uc11c\uc758 UI \uac1c\ubc1c\uc744 \uac04\uc18c\ud654\ud558\uace0 \uac00\uc18d\ud654\ud55c\ub2e4. Declarative UI Programming? \uc120\uc5b8\ud615 UI\ud504\ub85c\uadf8\ub798\ubc0d(Declarative UI Programming)\uc740 \uae30\uc874\uc758 \uba85\ub839\ud615 UI \ud504\ub85c\uadf8\ub798\ubc0d\uacfc \ub2ec\ub9ac View\uc758 \uc0c1\ud0dc(State)\ub9cc \uc120\uc5b8\ud558\uace0 \uc790\uc138\ud55c \uad6c\ud604\uc740 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uac8c \ub9e1\uae30\ub294 \ubc29\ubc95\uc744 \uc758\ubbf8\ud55c\ub2e4. \uc65c Compose\uac00 […]<\/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":[16],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44782"}],"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=44782"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44782\/revisions"}],"predecessor-version":[{"id":44788,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44782\/revisions\/44788"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=44782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=44782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}