{"id":45518,"date":"2021-11-07T20:51:21","date_gmt":"2021-11-07T11:51:21","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45518"},"modified":"2021-11-12T16:32:58","modified_gmt":"2021-11-12T07:32:58","slug":"layouts-in-jepack-compose-%ec%8b%9c%ec%9e%91%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45518","title":{"rendered":"Layouts in Jepack Compose – \uc2dc\uc791\ud558\uae30"},"content":{"rendered":"\n

Jetpack Compose basics \ucf54\ub4dc\ub7a9\uc744 \ud1b5\ud574 \uac04\ub2e8\ud55c UI\ub97c \ucef4\ud3ec\uc988\ub85c \ub9cc\ub4e4\uc5b4 \ubcf4\uc558\ub2e4. \ud654\uba74\uc5d0 \uc544\uc774\ud15c(\uc138\ub85c \ubc0f \uac00\ub85c, \uc81c\uac01\uae30)\uc744 \ubc30\uce58\ud558\uace0 \uadf8 \uc548\uc5d0 \uc788\ub294 \uc694\uc18c\uc758 \uc815\ub82c\uc744 \uad6c\uc131\ud560 \uc218 \uc788\ub294 Column \ubc0f Row\uc640 \uac19\uc740 \uc720\uc5f0\ud55c \ub808\uc774\uc544\uc6c3 \ucef4\ud3ec\uc800\ube14 \ubfd0\ub9cc \uc544\ub2c8\ub77c Text\uc640 \uac19\uc740 \ucef4\ud3ec\uc800\ube14 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec Compose\ub85c \uac04\ub2e8\ud55c UI\ub97c \uad6c\ucd95\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6e0\ub2e4. \ubc18\uba74\uc5d0 \uc544\uc774\ud15c\uc774 \uc138\ub85c \ub610\ub294 \uac00\ub85c\ub85c \ud45c\uc2dc\ub418\ub294 \uac83\uc744 \uc6d0\ud558\uc9c0 \uc54a\ub294 \uacbd\uc6b0 Box\ub97c \uc0ac\uc6a9\ud558\uba74, \uc544\uc774\ud15c\uc744 \ub2e4\ub978 \uc544\uc774\ud15c \ub4a4 \ub610\ub294 \uc55e\uc5d0 \ubc30\uce58\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uc774\ub7ec\ud55c \ud45c\uc900 \ub808\uc774\uc544\uc6c3 \ucef4\ud3ec\ub10c\ud2b8\ub4e4\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc740 UI\ub97c \ub9cc\ub4e4 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
@Composable
fun PhotographerProfile(photographer: Photographer) {
    Row(verticalAlignment = Alignment.CenterVertically) {
        Image(...)
        Column {
            Text(photographer.name)
            Text(photographer.lastSeenOnline, ...)
        }
    }
}<\/code><\/pre>\n\n\n\n
Compose\uc758 \uc7ac\uc0ac\uc6a9\uc131\uacfc \uacb0\ud569\uc131 \ub355\ubd84\uc5d0, \uc5ec\ub7ec \ucef4\ud3ec\uc800\ube14 \ud568\uc218\ub97c \uc62c\ubc14\ub978 \ucd94\uc0c1\ud654 \ub808\ubca8\uc5d0\uc11c \ub098\ub9cc\uc758 \uc0c8\ub85c\uc6b4 \ucef4\ud3ec\uc800\ube14 \ud568\uc218\ub85c \ub9cc\ub4e4\uc218 \uc788\uac8c \ub41c\ub2e4.<\/p>\n\n\n\n
\uc774\ubc88 \ucf54\ub4dc\ub7a9\uc5d0\uc11c\ub294 \uc5b4\ub5bb\uac8c \ucef4\ud3ec\uc988\ub85c \uace0\uc218\uc900\uc758 UI \ucd94\uc0c1\ud654\ub97c \uad6c\ud604\ud558\ub294\uc9c0\uc640 \uba38\ud14c\ub9ac\uc5bc \ub514\uc790\uc778<\/a>, Layout\uacfc \uac19\uc740 \uc800\uc218\uc900\uc758 \ucef4\ud3ec\uc800\ube14\ub85c \uc0ac\uc774\uc988\ub97c \uacc4\uc0b0\ud558\uace0, \uc2a4\ud06c\ub9b0\uc0c1\uc5d0 \uc62c\ubc14\ub974\uac8c \ubc30\uce58\ud558\ub294\uc9c0\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf8\ub2e4.<\/p>\n\n\n\n
\uba38\ud14c\ub9ac\uc5bc \ub514\uc790\uc778 \uae30\ubc18\uc758 UI\ub97c \uc0dd\uc131\ud55c\ub2e4\uba74, \ub0b4\uc7a5\ub41c \uba38\ud14c\ub9ac\uc5bc \ucef4\ud3ec\ub10c\ud2b8<\/a> \ucef4\ud3ec\uc800\ube14\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \uba38\ud14c\ub9ac\uc5bc \ub514\uc790\uc778\uc744 \uc0ac\uc6a9\ud558\uace0 \uc2f6\uc9c0 \uc54a\uac70\ub098 \uba38\ud14c\ub9ac\uc5bc \ub514\uc790\uc778 \uc2a4\ud399\uc5d0 \uc5c6\ub294 \uac83\uc744 \ub9cc\ub4e4\uace0 \uc2f6\ub2e4\uba74 \ucee4\uc2a4\ud140 \ub808\uc774\uc544\uc6c3\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \ubc30\uc6b8 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n
\uc55e\uc73c\ub85c \ubc30\uc6b8 \uac83<\/h2>\n\n\n\n
\ucf54\ub4dc \ub7a9\uc5d0\uc11c \ub2e4\uc74c\uc758 \ub0b4\uc6a9\uc744 \ubc30\uc6b0\uac8c \ub41c\ub2e4.<\/p>\n\n\n\n