새우버거의 개발 블로그

Compose에서 UI를 업데이트하는 주요 방법은 상태(state)가 변경되어 해당 상태를 읽는 Composable 함수에서 Recomposition이 발생하는 것입니다. 여기서 상태는 Composable 함수에 전달되는 매개변수일 수 있고, 함수 내부에서 remember, mutableStateOf 등으로 선언된 값일 수 있습니다. 첫 번째 코드는 실행해도 입력창에 값을 입력해도 아무런 변화가 나타나지 않습니다. 이는 View 시스템의 EditText와 달리, Compose의 TextField는 내부적으로 값을 자동으로 업데이트하지 않기 때문입니다. 두 번째 코드처럼 TextField의 value 값이 변경될 때만 Recomposition이 발생하여 UI가 정상적으로 업데이트됩니다.// value가 변..

Jetpack Compose에서 Composable 함수가 실행되면 앱의 UI를 트리 구조로 구성하고, 이 트리 구조를 Composition이라고 합니다.Composable의 수명 주기는 초기 Composition, Recomposition, Composition 종료로 정의됩니다.초기 Composition : 앱이 처음 실행되거나 화면이 처음 그려질 때, Compose가 UI를 그리기 위해 어떤 Composable 함수를 호출했는지 트리 구조로 기록하는 과정Recomposition : 앱의 상태(State) 변경 시, 해당 상태를 읽는 Composable 함수만 다시 실행해서 Composition 트리의 필요한 부분만 업데이트하는 과정Composition 종료 : Composable이 트리에서 제거되는..