즐겁게, 코드

본 글은 Android Jetpack Compose CodeLab 1주차 내용을 정리한 글입니다. 이전 글에서는 Surface 와 Modifier 를 간단히 소개했는데요, 이번 글에서는 Row, Column 컨테이너를 간단히 알아보도록 하겠습니다. Row, Column 컨테이너 웹 프론트엔드에서는 flexbox 등의 레이아웃을 통해 요소의 위치를 정렬했는데요, 컴포즈에도 요소의 정렬 형태를 지정하는 Column, Row요소가 존재합니다. Column, Row 요소를 사용하는 것은 어렵지 않은데, Column, Row를 각각 컨테이너 라고 생각하고 자식 요소를 감싸도록 하면 지정한 축의 방향대로 자식 요소들이 정렬되어 나타납니다. 🚨 Tip) Row가 x축, Column이 y축 정렬을 의미합니다. (CSS..

Android Jetpack Compose CodeLab 1주차 - Tweaking the UI 본 글은 Android Jetpack Compose CodeLab 1주차 강의를 정리한 내용입니다. 이전 글에서는 컴포즈가 제공하는 Text 라는 함수를 통해 텍스트를 화면에 띄워 봤는데요, 이번에는 UI를 구성하는 Surface와 Modifier 라는 기본적인 요소 및 속성에 대해 알아보도록 하겠습니다. Surface Surface 는 요소를 감싸는 컨테이너와 같은 역할을 하는 요소입니다. @Composable private fun Greeting(name: String) { Surface(color = MaterialTheme.colors.primary) { Text (text = "Hello $name!..