📌Jetpack Compose 안드로이드 앱 개발에서 State Hoisting

State Hoisting은 Jetpack Compose에서 상태를 컴포저블 함수 외부로 끌어내어 관리하는 방식으로, UI와 상태를 분리하여 더 유연하고 재사용 가능한 컴포저블을 만드는 방법

• Jetpack Compose에서는 UI 요소가 상태를 기반으로 렌더링됨
• State Hoisting은 이 상태를 컴포저블 함수 내부에서 외부로 "끌어내는" 기법을 의미
• 기본적으로 Compose는 컴포저블 함수 내부에서 remember와 mutableStateOf를 사용해 상태를 관리하지만, 이 상태를 외부에서 관리하고 이를 컴포저블 함수로 전달하는 방식이 바로 State Hoisting

State Hoisting을 사용하면 UI와 상태 관리가 분리되어, 더 재사용 가능하고 테스트하기 쉬운 컴포저블을 만들 수 있다

간단 예시

@Composable
fun MyTextField(value: String, onValueChange: (String) -> Unit) {
    TextField(
        value = value,
        onValueChange = onValueChange
    )
}

위 코드에서 value와 onValueChange는 MyTextField 함수 외부에서 관리되며, 상태를 외부에서 전달받고 업데이트할 수 있게 합니다. 이를 통해 UI와 상태를 명확하게 분리할 수 있습니다.