Jaymyong66

1,2,3편에서는 상태(State), 제스처 이벤트, 전역 상태를 React와 비교하며 설명하였다.이번에는 React 개발자가 가장 많이 쓰는 훅, useEffect다.데이터를 불러오고, 구독을 걸고, 타이머를 돌리고, 정리(cleanup)하는 과정. Compose에선 이걸 어떻게 할까?1. React에서의 useEffectuseEffect는 useEffect는 외부 시스템과 컴포넌트를 동기화하는 React Hook입니다.라고 공식문서에서 소개하고 있다.외부 시스템은 주로 네트워크 요청을 예시로 많이 든다. effect는 side effect에서 온 것으로 기억하고 있는데(가물가물하군..)컴포넌트로써 화면에 렌더링 되는 역할이 아닌 "부수효과"를 컴포넌트에 반영하기 위한 훅이다.function UserP..

클릭 제스처탭이라고도 하는 클릭 제스처는 modifier로 보이는 모든 컴포저블에서 감지 가능하다.SomeComposable( modifier = Modifier.clickable { })참고) selectable : clickable과 비슷한 동작이지만 UI 접근성 측면에서 이점이 있다. 내부 구현은 clickable이다.Modifier .selectable( selected = true or false, // state onClick = { }, )하지만 탭, 더블 탭, 프레스, 롱 프레스를 구분하려면 PointerInputScope 를 활용해야한다.제스처는 다음과 같이 진행된다.press -> long presspress -> tab(터치 해제)press -> ..

클라이언트 측에서 "상태"라는 개념은 굉장히 중요하다.프론트엔드에서는 useState라는 훅으로 간단히 상태를 관리할 수 있다.안드로이드 kotlin에서는 상태를 어떻게 관리할까?remember / mutableStateOf아래에서 살펴볼 StateFlow 같은 경우에는 코틀린에서 제공하는 기능이지만,Jetpack Compose 라이브러리에서 제공하는 상태 관리 도구는 remember, mutableStateOf가 있다.(뭐.. 똑같진 않지만 React 라이브러리에서 쓰이는 useState라고 비유하면 되려나?) mutableStateOf는 Composable 스코프 내부에서 관찰 가능한 상태 객체를 만드는 함수이다.import androidx.compose.runtime.*// Composable 스코..