[Android] Compose(MutableState)

📝 용어설명

• 컴포지션 : Compose가 컴포저블을 실행할 때 빌드한 UI에 관한 설명이다.
• Compose : 선언형 UI 프레임워크로, UI의 모습을 코드로 선언하는 것이다.
• 컴포저블 : 텍스트, 공백, 텍스트 상자등과 함께 UI를 설명해 준다.
• 리컴포지션 : 사용자가 앱과 상호작용을 할 때 변경사항을 다시 실행함.

📝 로직

Compose는 초기 컴포지션 시 처음으로 컴포저블을 실행할 때 컴포지션에서 UI를 기술하기 위해 호출하는 컴포저블을 추적한다. 리컴포지션은 Compose가 데이터 변경사항에 따라 변경될 수 있는 컴포저블을 다시 실행한 다음 변경사항을 반영하도록 컴포지션을 업데이트하는 것이다.
컴포지션은 초기 컴포지션을 통해서만 생성되고 리컴포지션을 통해서만 업데이트될 수 있다.
이렇게 하기 위해선 Compose가 추적할 대상을 알아야 한다.

Compose에서 State 및 MutableState 유형을 사용하여 앱의 상태를 Compose에서 관찰 가능하거나 추적 가능한 상태로 설정할 수 있다.

• State 는 변경 불가
• MutableState 는 변경 가능

mutableStateOf 함수를 사용하여 관찰 가능한 MutableState를 만들 수 있다. 이 함수는 초깃값을 State 객체에 래핑된 매개변수로 수신한 다음, value의 값을 관찰 가능한 상태로 만든다.

mutableStateOf() 함수에서 반환하는 값은 다음과 같은 특성을 지닌다.

• 상태(예: 서비스 비용)를 보유합니다
• 변경 가능하므로 값을 변경할 수 있습니다.
• 관찰 가능하므로, Compose는 값의 변경을 관찰하고 리컴포지션을 트리거하여 UI를 업데이트합니다.

근데 만약 리컴포지션이 되어 컴포저블 함수를 다시 실행하게 된다면 컴포저블의 추적을 받는 값이 다시 초기화 되어 초기 컴포지션과 달라지지 않는다.
이럴 때 사용하는 것이 remeber 컴포저블이다.

📝 코드설명

var amountInput by remember{mutableStateOf("")}

amountImput은 Compose에게 추적을 받다 변경된다면 리컴포지션 될 것이다. by는 delegate와 관련이 있는데 쉽게 설명하자면 기본 getter와 setter를 remember에게 위임하는 것이다. 이렇게 된다면 리컴포지션이 되어 컴포져블함수가 다시 실행될 때 remember가 변경값을 메모리에 저장해둬 amountInput은 초기화되지 않고 그 값을 저장할 수 있다. remember은 람다로 되는데 mutableStaOf는 앞서 설명했듯이 관찰 가능한 MutableState를 만들어 주며 인수로는 초기값이 들어간다.