본문 바로가기

Jetpack Compose-Kotlin14

14. UI, ViewModel, Room Database Jetpack Compose에서 UI, ViewModel, Room Database는 모두 중요한 역할을 합니다. 각각에 대해 자세히 설명드리겠습니다.UI (User Interface)Jetpack Compose는 Android의 최신 UI 툴킷입니다.Kotlin 코드로 UI를 선언적으로 정의할 수 있습니다.컴포저블 함수를 사용하여 UI 요소를 정의하고 조합합니다.상태 객체를 사용하여 데이터와 UI를 바인딩할 수 있습니다.애니메이션, 레이아웃, 스타일링 등 UI 구성 요소를 제공합니다.예시:@Composablefun CounterScreen(viewModel: CounterViewModel) { val count by viewModel.count.collectAsState() Column { .. 2024. 5. 11.
13. Kotlin-동적 렌더링 네, Jetpack Compose에서 동적인 렌더링을 하는 다양한 예시를 살펴보겠습니다.데이터 바인딩상태(State) 객체를 사용하여 UI와 데이터를 바인딩할 수 있습니다.@Composablefun CounterComposable() { var count by remember { mutableStateOf(0) } Column { Text("Count: $count") Button(onClick = { count++ }) { Text("Increment") } }}여기서 count 상태 변수의 값이 변경되면 Text에 동적으로 반영됩니다.조건부 렌더링조건에 따라 다른 UI 요소를 렌더링할 수 있습니다.@Composablefun LoadingComposabl.. 2024. 5. 11.
12. Kotlin-$ Kotlin에서 $는 문자열 템플릿(String Template)에서 사용되는 특수한 기호입니다. 이를 통해 문자열 내부에 변수나 표현식의 값을 삽입할 수 있습니다.변수 삽입$를 변수 이름 앞에 붙이면 해당 변수의 값이 문자열에 삽입됩니다.val name = "Alice"val greeting = "Hello, $name!" // "Hello, Alice!"표현식 삽입${}를 사용하면 복잡한 표현식의 결과 값을 문자열에 삽입할 수 있습니다.val x = 5val y = 10val result = "The sum of $x and $y is ${x + y}" // "The sum of 5 and 10 is 15"문자열 보간(String Interpolation)문자열 보간은 문자열 템플릿의 주요 기능으로,.. 2024. 5. 11.
11. Kotlin-Map 네, Kotlin의 map 함수에 대해 다양한 예시와 함께 자세히 설명드리겠습니다.간단한 변환map은 가장 기본적으로 컬렉션의 각 요소를 다른 값으로 변환하는 데 사용됩니다.val numbers = listOf(1, 2, 3, 4, 5)val doubledNumbers = numbers.map { it * 2 }// doubledNumbers: ListOf(2, 4, 6, 8, 10)문자열 처리map은 문자열 처리에 유용합니다.val names = listOf("Alice", "Bob", "Charlie")val upperNames = names.map { it.uppercase() }// upperNames: ListOf("ALICE", "BOB", "CHARLIE")val lengths = names.. 2024. 5. 11.
10. Kotlin-ListOf etpackCompose에서 ListOf는 특정 유형의 요소로 구성된 immutable (불변) 컬렉션을 나타냅니다. 이는 기존의 List와 많은 부분에서 유사하지만, 몇 가지 중요한 차이점이 있습니다.불변성 (Immutability)ListOf는 불변 컬렉션입니다. 즉, 한 번 생성되면 내부 요소를 직접 변경할 수 없습니다. 새로운 요소를 추가하거나 제거하면 새로운 ListOf 인스턴스가 생성됩니다.반면에 List는 mutable (가변)하여 내부 요소를 직접 변경할 수 있습니다.Recomposition 최적화ListOf는 Compose에 최적화되어 있으며, 변경사항이 있을 때 효율적으로 recomposition(재구성)을 수행합니다.Compose는 변경된 부분만 업데이트하여 불필요한 재렌더링을 방지합.. 2024. 5. 11.
09. Kotlin-Modifier Modifier는 Jetpack Compose에서 컴포저블(Composable)의 렌더링 및 레이아웃을 조정하는 데 사용되는 강력한 기능입니다. Modifier를 사용하여 컴포저블의 크기, 패딩, 배경, 클릭 이벤트 처리 등 다양한 속성을 설정할 수 있습니다. 주요 Modifier 기능과 예제는 다음과 같습니다.크기 조정width(), height(), size(): 컴포저블의 너비, 높이, 크기를 설정합니다.fillMaxWidth(), fillMaxHeight(), fillMaxSize(): 컴포저블의 크기를 최대로 설정합니다.Box( modifier = Modifier .width(200.dp) // 너비 200dp로 설정 .height(100.dp) // 높이 100d.. 2024. 5. 11.
08. Kotlin-변수, 매개변수, 인수, 인스턴스, 클래스 알겠습니다. 변수, 매개변수, 인수, 인스턴스, 클래스 개념을 더 자세히 설명하겠습니다.변수변수는 데이터를 저장하는 공간입니다. 변수의 값은 프로그램 실행 중에 변경될 수 있습니다.예시:var count = 0 // 변수 count를 0으로 초기화count = 5 // count 값을 5로 변경println(count) // 출력: 5매개변수매개변수는 함수가 외부로부터 값을 받을 수 있도록 해주는 변수입니다. 함수 정의 시 매개변수를 선언합니다.예시:fun greetPerson(name: String, age: Int) { // name과 age가 매개변수 println("Hello, $name! You are $age years old.")}fun greetPerson(name: String, a.. 2024. 5. 11.

티스토리툴바