EnjoyLife

@Preview(showBackground = true)@OptIn(ExperimentalMaterial3Api::class)@Composablefun Test() { val viewModel: MainViewModel = viewModel() val inputTxt by viewModel.inputTxt.collectAsState() val outTxt by viewModel.outTxt.collectAsState()// var inputTxt by remember {// mutableStateOf("")// } Log.e("Test", "inputTxt: $inputTxt") //var outTxt by remember { mutableStateOf(..

LiveData와 유사한 기능이 있습니다. 바로 State입니다. State는 Compose에서 데이터를 관리하는 데 사용되는 선언형 데이터 구조입니다. LiveData와 마찬가지로 State는 값이 변경될 때 UI를 자동으로 업데이트합니다. State는 LiveData와 몇 가지 차이점이 있습니다. 첫째, State는 항상 최신 값을 포함합니다. LiveData는 데이터의 이전 값을 포함할 수 있습니다. 둘째, State는 Compose의 뷰 계층에 직접 바인딩할 수 있습니다. LiveData는 뷰 계층에 바인딩하려면 중개자(Mediator)를 사용해야 합니다. State를 사용하는 방법은 다음과 같습니다. @Composable 안의 함수에서는 State를 변경하기 위해 State 객체의 value 속..

State는 UI의 상태를 나타내는 데 사용되는 데이터 구조입니다. State는 다음과 같은 특징을 가지고 있습니다. 변경 가능합니다. 관찰 가능합니다. 리컴포지션을 유발합니다. State를 사용하면 다음과 같은 장점이 있습니다. UI의 상태를 안전하게 관리할 수 있습니다. UI가 최신 상태를 반영할 수 있습니다. UI의 성능을 향상시킬 수 있습니다. State를 사용하지 않고 UI의 상태를 관리하면 다음과 같은 문제가 발생할 수 있습니다. UI의 상태가 불안정해질 수 있습니다. UI가 최신 상태를 반영하지 않을 수 있습니다. UI의 성능이 저하될 수 있습니다. State는 Compose에서 UI를 구성할 때 필수적인 데이터 구조입니다. UI의 상태를 관리할 때는 반드시 State를 사용해야 합니다. S..

collectAsState는 StateFlow나 Flow의 값을 State로 변환하여 사용할 수 있도록 해주는 함수입니다. State는 Compose에서 UI의 상태를 나타내는 데 사용되는 데이터 구조입니다. collectAsState를 사용하면 다음과 같은 장점이 있습니다. StateFlow나 Flow의 값을 UI에 직접 사용할 수 있습니다. StateFlow나 Flow의 값이 변경될 때마다 UI가 자동으로 리컴포즈됩니다. StateFlow나 Flow의 값이 변경될 때까지 UI가 멈추지 않습니다. collectAsState를 사용하지 않고 StateFlow나 Flow의 값을 UI에 직접 사용하면 다음과 같은 문제가 발생할 수 있습니다. UI가 StateFlow나 Flow의 값을 직접 변경할 수 있기 때..