🎧 0. 오늘의 추천곡

벌써 나온 지 16년이나 됐대요.

📙 1. Compose 특강 - 상태

컴포즈에서 가장 중요하다고 볼 수 있는 개념은 바로 상태 입니다.

오늘은 그 상태와 상태 호이스팅에 대해 공부했습니다.

1-1. 상태와 재구성

먼저, 상태(State)란 시간이 지남에 따라 변하는 값입니다.

사람의 상태와도 비슷한 개념이라고 보면 될 것 같습니다.

컴포즈도 사람처럼 상태를 갖고, 이 상태의 변화에 따라 움직이는 형태를 갖고 있습니다.

컴포즈의 특정 상태가 바뀌면 그 상태가 포함된 함수와 영향을 받는 함수들을 재구성합니다.

여기서 재구성(Recomposition)이란, 바뀐 상태를 가지고 UI를 다시 그린다는 의미입니다.

그렇기 때문에 상태는 이전의 값을 기억하고 있어야 합니다.

그래서 상태를 사용할 때, 주로 다음과 같이 사용합니다.

var state by remember { mutableStateOf() }

remember를 위임하여 상태를 기억하고, 상태가 변화하면, 이를 감지해 UI를 재구성합니다.

그럼 상태 호이스팅이란 무엇일까요?

1-2. 상태 호이스팅

호이스팅(Hoisting)은 영어로 "들어올리다" 라는 뜻입니다.

즉, 상태 호이스팅은 상태를 들어올리는 것이 되겠습니다.

상태를 들어올린다? 생소할 수 있습니다. 이땐, 컴포즈의 구성 방식을 알아보면 됩니다.

컴포즈는 컴포저블 함수를 호출하고, 호출하고, 또 호출하여 만듭니다.

그러므로, 들어올리는 건, 컴포저블 함수를 호출한 호출자로 상태를 옮긴다는 뜻이 됩니다.

대신, 옮기고 난 후, 기존에 있던 곳에 이벤트 핸들러를 줘서 상태를 같이 관리할 수 있도록 합니다.

이를 통해, 다른 컴포저블 함수와 상태를 공유할 수 있고, 상태를 캡슐화할 수 있다는 장점이 생깁니다.

이 방법을 적용하면, 상태는 아래로 향하고 이벤트는 위로 향하는, 단방향 데이터 흐름이 완성됩니다.

🎯 2. 끝

요즘 코드 카타를 조금씩 진행하고 있어서 좋은 것 같습니다.

나름 과제도 순탄하게 잘 진행하는 것 같고,

이젠 코루틴을 더 공부할 수 있다면 좋을 것 같습니다.

내일 코루틴 강의 듣고 오겠습니다.

끝.