State란?

state(상태) 는 시간이 지나면 변할 수 있는 값으로 상태를 통하여 안드로이드 앱에선 사용자에게 해당 상태가 표시가 된다. 예를 들어

• 채팅 앱에서 가장 최근에 수신된 메세지
• 사용자 프로필 사진
• 해당 항목 목록의 스크롤 위치

등 이 있다.

다음은 count라는 상태를 통해서 UI에 count가 변화 하는 것을 확인 해보자

import androidx.compose.foundation.layout.padding
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun WaterCounter(modifier: Modifier = Modifier) {
   val count = 0
   Text(
       text = "You've had $count glasses.",
       modifier = modifier.padding(16.dp)
   )
}

앱을 확인 해보면 하드코딩된 count = 0 의 개수가 표시가 되어 있다.

이제 버튼을 추가 해서 count값이 1씩 증가 하도록 동작 시켜보자

Compose Event

동작 코드를 작성하기 이전에 Event에 대해서 알고 넘어가자

Event는 앱 외부 또는 내부에서 생성되는 입력으로 예를 들면

• 버튼 누르기등 UI 상호작용
• 기타 요인(휴대폰 센서값 전송, 네트워크 응답)

등이 있다.