{"id":45690,"date":"2021-11-19T19:36:38","date_gmt":"2021-11-19T10:36:38","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45690"},"modified":"2021-11-19T19:36:40","modified_gmt":"2021-11-19T10:36:40","slug":"jetpack-compose-theming-%ec%84%a4%ec%a0%95%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45690","title":{"rendered":"Jetpack Compose theming &#8211; \uc124\uc815\ud558\uae30"},"content":{"rendered":"\n<p>\uc774 \ub2e8\uacc4\uc5d0\uc11c\ub294 \uc2a4\ud0c0\uc77c\ub9c1 \ud560 \uac04\ub2e8\ud55c \ub274\uc2a4 \ub9ac\ub354 \uc571\uc73c\ub85c \uad6c\uc131\ub41c \ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud55c\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-you-will-need\">\ud544\uc694\ud55c \uac83<\/h2>\n\n\n\n<ul><li><a href=\"https:\/\/developer.android.com\/studio?hl=ko\" target=\"_blank\" rel=\"noreferrer noopener\">Android Studio Arctic Fox<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"download-the-code\">\ucf54\ub4dc \ub2e4\uc6b4\ub85c\ub4dc<\/h2>\n\n\n\n<p>git\uc774 \uc124\uce58\ub418\uc5b4 \uc788\uc73c\uba74 \uc544\ub798 \uba85\ub839\uc744 \uc2e4\ud589\ud558\uba74 \ub41c\ub2e4.\u00a0git\uc774 \uc124\uce58\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\ub824\uba74<code> <\/code>\ud130\ubbf8\ub110 \ub610\ub294 \uba85\ub839\uc904\uc5d0 git &#8211;version \uc785\ub825\ud558\uace0 \uc62c\ubc14\ub974\uac8c \uc2e4\ud589\ub418\ub294\uc9c0 \ud655\uc778\ud55c\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>git clone https:\/\/github.com\/googlecodelabs\/android-compose-codelabs.git\ncd android-compose-codelabs\/ThemingCodelab<\/code><\/pre>\n\n\n\n<p>git\uc774 \uc5c6\ub294 \uacbd\uc6b0 \ub2e4\uc74c \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uc774 \ucf54\ub4dc\ub7a9\uc758 \ubaa8\ub4e0 \ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/googlecodelabs\/android-compose-codelabs\/archive\/main.zip\" target=\"_blank\" rel=\"noreferrer noopener\">\uc18c\uc2a4 \ucf54\ub4dc \ub2e4\uc6b4\ub85c\ub4dc<\/a><\/p>\n\n\n\n<p>Android Studio Artic Fox \uc774\uc0c1\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\ub97c \uc5f4\uace0 &#8216;\ud30c\uc77c &gt; \ud504\ub85c\uc81d\ud2b8 \uac00\uc838\uc624\uae30&#8217;\ub97c \uc120\ud0dd\ud558\uace0&nbsp;<code>ThemingCodelab<\/code> \ub514\ub809\ud130\ub9ac\ub85c \uc774\ub3d9\ud55c\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ud504\ub85c\uc81d\ud2b8\uc5d0\ub294 \uc138 \uac00\uc9c0 \uc8fc\uc694 \ud328\ud0a4\uc9c0\uac00 \ud3ec\ud568\ub418\uc5b4 \uc788\ub2e4.<\/p>\n\n\n\n<ul><li><code>com.codelab.theming.data<\/code> : \uc5ec\uae30\uc5d0\ub294 \ubaa8\ub378 \ud074\ub798\uc2a4\uc640 \uc0d8\ud50c \ub370\uc774\ud130\uac00 \ud3ec\ud568\ub41c\ub2e4. \uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c\ub294 \uc774 \ud328\ud0a4\uc9c0\ub97c \ud3b8\uc9d1\ud560 \ud544\uc694\uac00 \uc5c6\ub2e4.<\/li><li><code>com.codelab.theming.ui.start<\/code> : \uc774 \ud328\ud0a4\uc9c0\ub294 \uc774 Codelab\uc758 \uc2dc\uc791\uc810\uc774\ub2e4.&nbsp;<strong>\uc774 \ud328\ud0a4\uc9c0<\/strong>\uc5d0\uc11c\ub294 Codelab\uc5d0\uc11c&nbsp;\uc694\uccad\ud55c \ubaa8\ub4e0 \ubcc0\uacbd\uc744 \uc218\ud589\ud574\uc57c<strong> <\/strong>\ud55c\ub2e4.<\/li><li><code>com.codelab.theming.ui.finish<\/code>&nbsp;: \ucc38\uc870\uc6a9\uc73c\ub85c \uc0ac\uc6a9\ud560 \ucf54\ub4dc\ub7a9\uc758 \ucd5c\uc885 \uc644\uc131\ubcf8.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>\ucc38\uace0:<\/strong>&nbsp;\uc5b8\uc81c\ub4e0\uc9c0 \ud30c\uc77c\uc758 \ud604\uc7ac \uc0c1\ud0dc\ub97c \uc644\uc131\ub41c \uc0c1\ud0dc\uc640 \ube44\uad50\ud560 \uc218 \uc788\ub2e4.&nbsp;\ud30c\uc77c\uc758 \uc791\uc5c5 \ubc84\uc804\uacfc&nbsp;<code>finish<\/code>\ud328\ud0a4\uc9c0&nbsp;\uc5d0\uc11c \ud574\ub2f9 \ud30c\uc77c\uc744 \uc120\ud0dd\ud558\uace0&nbsp;<a href=\"https:\/\/www.jetbrains.com\/help\/idea\/comparing-files-and-folders.html#twofiles\" target=\"_blank\" rel=\"noreferrer noopener\">Android Studio\uc758 Compare function<\/a>\uc744&nbsp;\uc0ac\uc6a9\ud55c\ub2e4.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-and-run-the-app\">\uc571 \ube4c\ub4dc \ubc0f \uc2e4\ud589<\/h2>\n\n\n\n<p>\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\ub294 \ucf54\ub4dc\ub7a9\uc758 \uc2dc\uc791(App) \ubc0f  \uc644\uc131(App-Finish) \uc0c1\ud0dc\ub97c \ubc18\uc601\ud558\ub294 2\uac1c\uc758 run configuration\uc774 \uc788\ub2e4.&nbsp;\ud2b9\uc815 configuration\uc744 \uc120\ud0dd\ud558\uace0 run \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ucf54\ub4dc\uac00 \uae30\uae30\ub098 \uc5d0\ubbac\ub808\uc774\ud130\uc5d0 \ubc30\ud3ec\ub41c\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/developer.android.com\/codelabs\/jetpack-compose-theming\/img\/e96bac2ac3298e91.png?hl=ko\" alt=\"e96bac2ac3298e91.png\"\/><\/figure>\n\n\n\n<p>\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\ub294\u00a0<a href=\"https:\/\/developer.android.com\/jetpack\/compose\/preview?hl=ko\" target=\"_blank\" rel=\"noreferrer noopener\">Compose \ub808\uc774\uc544\uc6c3 \ubbf8\ub9ac \ubcf4\uae30<\/a>\u00a0\ub3c4 \ud3ec\ud568\ub418\uc5b4 \uc788\ub2e4.\u00a0<code>start<\/code>\/<code>finish<\/code> \ud328\ud0a4\uc9c0 \uc911 \ud558\ub098\uc5d0\uc11c <code>Home.kt<\/code>\ub97c \u00a0\uc0b4\ud3b4\ubcf4\uace0, \ub514\uc790\uc778 \ubdf0(design view)\ub97c \uc5f4\uc5b4, UI \ucf54\ub4dc \uc0c1\uc758 \ubc18\ubcf5\uc801\uc778 \uc218\uc815\uc791\uc5c5\ub4e4\uc744 \ube60\ub974\uac8c \ubc18\uc601\ud560 \uc218 \uc788\ub294 \uc5ec\ub7ec\uac1c\uc758 \ubbf8\ub9ac\ubcf4\uae30\ub85c \ud45c\uc2dc\ub41c\ub2e4. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/developer.android.com\/codelabs\/jetpack-compose-theming\/img\/758a285ad8a6cd51.png?hl=ko\" alt=\"758a285ad8a6cd51.png\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\uc774 \ub2e8\uacc4\uc5d0\uc11c\ub294 \uc2a4\ud0c0\uc77c\ub9c1 \ud560 \uac04\ub2e8\ud55c \ub274\uc2a4 \ub9ac\ub354 \uc571\uc73c\ub85c \uad6c\uc131\ub41c \ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud55c\ub2e4. \ud544\uc694\ud55c \uac83 Android Studio Arctic Fox \ucf54\ub4dc \ub2e4\uc6b4\ub85c\ub4dc git\uc774 \uc124\uce58\ub418\uc5b4 \uc788\uc73c\uba74 \uc544\ub798 \uba85\ub839\uc744 \uc2e4\ud589\ud558\uba74 \ub41c\ub2e4.\u00a0git\uc774 \uc124\uce58\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\ub824\uba74 \ud130\ubbf8\ub110 \ub610\ub294 \uba85\ub839\uc904\uc5d0 git &#8211;version \uc785\ub825\ud558\uace0 \uc62c\ubc14\ub974\uac8c \uc2e4\ud589\ub418\ub294\uc9c0 \ud655\uc778\ud55c\ub2e4. git\uc774 \uc5c6\ub294 \uacbd\uc6b0 \ub2e4\uc74c \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uc774 \ucf54\ub4dc\ub7a9\uc758 \ubaa8\ub4e0 \ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud560 \uc218 [&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\/45690"}],"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=45690"}],"version-history":[{"count":4,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45690\/revisions"}],"predecessor-version":[{"id":45711,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45690\/revisions\/45711"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}