Loading...
2024. 9. 7. 12:13

[Compose Study] Jetpack Compose의 상태

* 상태(state)는 시간이 지남에 따라 변하는 값(예: 채팅 앱에서 마지막으로 받은 메시지)이다. 하지만 상태가 업데이트되는 이유는 무엇일까? Android 앱에서는 이벤트에 대한 응답으로 상태가 업데이트된다. 이벤트는 애플리케이션 외부 또는 내부에서 생성되는 입력이다. 버튼 누르기 등으로 UI와 상호작용하는 사용자기타 요인(예: 새 값을 전송하는 센서 또는 네트워크 응답)앱 상태로 UI에 표시할 항목에 관한 설명이 제공되고, 이벤트라는 메커니즘을 통해 상태가 변경되고 UI도 변경된다. Key idea: State is. Events happen. (상태는 존재하고, 이벤트는 발생한다)  * 이벤트는 어떤 일이 발생했다고 프로그램 일부에 알려준다. 모든 Android 앱에는 다음과 같은 핵심 UI 업..

[Compose Study] Compose 기본사항 - 2

* Compose에서 UI 구성요소를 만들려면 @Composable 주석을 함수에 달아줘야 한다. 이 주석은 이 함수가 데이터를 UI로 변환하므로 응답이 UI로 변환되도록 Compose 컴파일러에 알린다. 이 주석이 있는 함수를 구성 가능한 함수, 컴포저블(Composable)이라고도 한다. 이러한 함수는 Compose UI 구성 요소이다.  * UI를 재사용 가능한 요소 라이브러리로 나눌 수 있다. 예를 들어, 선택할 수 있는 답변 목록을 구현하려는 경우 답변 목록을 가져오는 SingleChoiceQuestion이라는 새 함수를 정의한 위에서 정의한 SurveyAnswer 함수를 호출할 수 있다.@Composablefun surveyAnswer(answer: Answer) { /* ... */ }@Co..

2024. 5. 28. 00:09

[Compose Study] Card, Image 2 - 상태 저장

* Image 오른쪽 위에 하트를 누를 때마다 하트이미지가 바뀌는 상태를 저장해야 한다.* 기존 kotlin에서는 상태저장 변수(boolean 등)을 만들어 저장했지만, compose에서는 상태를 기억하는 방법에는 remeber를 사용하는 방법이 있다. remeber를 사용하고 mutableState로 변수를 선언해주면 된다. (기본값: false)val isFavorite = remember { mutableStateOf(false) }* 타입을 보면 MutableState타입으로 되어있다. isFavorite안에 boolean 값이 저장되는 그 상태를 remeber가 기억해주는 형태이다.  state가 변경되면 UI가 다시 그려지게 된다. * 하트 아이콘을 눌렀을 때 value가 바..