Dev Lab

#compose compiler

총 17개의 글

30. derivedStateOf로 불필요한 Recomposition 줄이는 실전 패턴
Compose 기본2026.03.07

30. derivedStateOf로 불필요한 Recomposition 줄이는 실전 패턴

Jetpack Compose에서 derivedStateOf가 왜 필요한지, Slot Table·스냅샷·재구성 비교까지 따라가며 불필요한 recomposition을 줄이는 패턴을 구현한다. 초보도 동작 이유를 이해한다. ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

#derivedStateOf#Jetpack Compose#recomposition+12
27. Compose Button 기본 구현 이해: onClick·enabled·Modifier가 나뉜 이유
Compose 기본2026.03.06

27. Compose Button 기본 구현 이해: onClick·enabled·Modifier가 나뉜 이유

Jetpack Compose Button의 onClick·enabled·Modifier가 왜 분리됐는지, 컴파일러/런타임/Slot Table 관점에서 내부 동작과 성능 포인트를 연결해 이해한다. 실습 코드 포함. (154자)     

#Jetpack Compose Button#Compose onClick#Compose Modifier+12
28. Compose Button 클릭 이벤트와 상태 업데이트가 동작하는 이유
Compose 기본2026.03.06

28. Compose Button 클릭 이벤트와 상태 업데이트가 동작하는 이유

Jetpack Compose Button 클릭 처리와 상태 업데이트가 왜 이렇게 설계됐는지, remember/State/Slot Table/Recomposition 관점에서 내부 동작까지 연결해 설명한다.','primaryKeywords':['Jetpack Compose Button','Compose 상태 관리','Rek

#Jetpack Compose Button#Compose 상태 업데이트#Recomposition+14
23. remember·mutableStateOf로 Compose 상태를 시작하는 내부 원리
Compose 기본2026.03.05

23. remember·mutableStateOf로 Compose 상태를 시작하는 내부 원리

remember와 mutableStateOf가 왜 필요한지, Compose Runtime이 상태 읽기/쓰기와 Slot Table, 리컴포지션 범위를 어떻게 결정하는지 내부 동작으로 설명한다. 초보가 겪는 버그를 재현한다. 140~160자 내외 문장 구성.

#Jetpack Compose 상태#remember#mutableStateOf+14
25. Compose State와 MutableState: remember가 UI를 자동 갱신하는 이유
Compose 기본2026.03.05

25. Compose State와 MutableState: remember가 UI를 자동 갱신하는 이유

Jetpack Compose의 State/MutableState, remember가 필요한 이유, Slot Table 저장 방식과 리컴포지션 범위를 내부 동작 관점에서 설명한다. 초보가 흔히 겪는 버그까지 다룬다. 2026-03 기준 실무 팁 포함.

#Jetpack Compose State#MutableState#remember+13
20. Compose 기초: Composable 함수와 재구성(Recomposition)이 일어나는 이유
Compose 기본2026.03.04

20. Compose 기초: Composable 함수와 재구성(Recomposition)이 일어나는 이유

Composable 함수가 왜 순수 함수처럼 보이지만 상태를 가진 UI로 동작하는지, Slot Table과 Recomposition 비교 로직까지 내부 관점으로 설명한다. remember와 Stable 설계 이유 포함. (154자)​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​

#Jetpack Compose#Recomposition#Composable 함수+14
22. Compose Column/Row 레이아웃: Modifier 간격·정렬과 내부 동작
Compose 기본2026.03.04

22. Compose Column/Row 레이아웃: Modifier 간격·정렬과 내부 동작

Compose의 Column/Row 배치와 Modifier 간격·정렬이 왜 그런 API인지, Slot Table·Recomposition·Measure/Place 흐름까지 연결해 이해한다. 실습 코드 포함. (초보용)​','primaryKeywords':['Jetpack Compose','Column Row','Jetap

#Jetpack Compose#Column#Row+12
19. LazyColumn items와 item으로 목록을 만드는 이유와 내부 동작
Compose 기본2026.03.03

19. LazyColumn items와 item으로 목록을 만드는 이유와 내부 동작

LazyColumn에서 items와 item이 왜 분리됐는지, Compose Runtime·Slot Table·Recomposition 관점에서 목록이 어떻게 유지·갱신되는지 실습으로 설명한다. 키 안정성까지 다룬다. (Compose) 153자 내외)

#LazyColumn#Jetpack Compose#items item+14
18. LazyColumn items/item/key로 리스트 상태가 흔들리는 이유와 고치는 법
Compose 기본2026.03.03

18. LazyColumn items/item/key로 리스트 상태가 흔들리는 이유와 고치는 법

LazyColumn의 item/items와 key가 Slot Table에서 상태를 어떻게 붙잡는지, 재정렬·삽입 시 왜 상태가 섞이는지 내부 동작과 함께 설명한다. 실습 코드 포함. (Compose)​ 154자 내외)​ 154자 내외)​ 154자 내외

#LazyColumn#Compose key#items+13
12. Compose State로 UI가 바뀌는 이유: mutableStateOf와 remember의 내부
Compose 기본2026.03.01

12. Compose State로 UI가 바뀌는 이유: mutableStateOf와 remember의 내부

mutableStateOf와 remember로 UI가 갱신되는 이유를 Compose Runtime 관점에서 설명한다. Slot Table, recomposition 추적, 안정성(@Stable)까지 연결한다. 초보도 내부 흐름을 잡는다.','primaryKeywords':['Jetpack Compose State','m

#Jetpack Compose State#mutableStateOf#remember+13
13. Compose State·MutableState 동작 원리: 값 변경이 UI에 반영되는 이유
Compose 기본2026.03.01

13. Compose State·MutableState 동작 원리: 값 변경이 UI에 반영되는 이유

Jetpack Compose에서 State/MutableState가 왜 필요한지, remember·Slot Table·recomposition 추적이 어떻게 연결되는지 내부 동작 관점에서 설명한다. 실습 코드 포함. 154자 내외로 맞춘 설명 문장이다.

#Jetpack Compose State#MutableState#remember+14
11. Compose @Composable 함수: 선언형 UI가 동작하는 진짜 이유
Compose 기본2026.03.01

11. Compose @Composable 함수: 선언형 UI가 동작하는 진짜 이유

Compose @Composable의 선언형 UI가 왜 가능한지, 컴파일러가 생성하는 코드와 Runtime의 Slot Table·Recomposition 비교까지 내부 동작으로 설명한다. 초보도 원리를 잡는다. ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ

#Jetpack Compose#@Composable#Recomposition+14
10. Row 간격·정렬이 꼬이는 이유: Modifier 순서와 Arrangement/Alignment 디버깅
Compose 기본2026.02.17

10. Row 간격·정렬이 꼬이는 이유: Modifier 순서와 Arrangement/Alignment 디버깅

Jetpack Compose Row에서 spacing·alignment가 예상과 다를 때, Modifier 순서와 Arrangement/Alignment가 측정·배치 단계에서 어떻게 적용되는지 내부 동작으로 추적한다. 디버깅 루틴 포함. 154자 내외

#Jetpack Compose Row#Modifier 순서#Arrangement+12
8. Jetpack Compose Row 기본 구조와 파라미터가 그렇게 생긴 이유
Compose 기본2026.02.17

8. Jetpack Compose Row 기본 구조와 파라미터가 그렇게 생긴 이유

Compose Row의 핵심 파라미터(Modifier, horizontalArrangement, verticalAlignment, weight)가 왜 존재하는지와 Slot Table·Recomposition 관점의 내부 동작을 설명한다. 초보도 원리부터 잡는다.

#Compose Row#Jetpack Compose 레이아웃#Row weight+13
3. Compose에서 DI 없이 시작해 Hilt로 점진 마이그레이션하기
Compose 기본2026.02.16

3. Compose에서 DI 없이 시작해 Hilt로 점진 마이그레이션하기

Compose에서 ViewModel을 수동 생성으로 시작한 뒤 Hilt로 점진 마이그레이션한다. @HiltViewModel과 hiltViewModel()이 런타임에서 어떻게 연결되는지까지 다룬다. Slot Table과 recomposition 관점도 포함한다.

#Jetpack Compose#Hilt#@HiltViewModel+12
7. Compose에서 DI가 필요한 이유: 상태·수명주기 기반 퀴즈로 이해
Compose 기본2026.02.16

7. Compose에서 DI가 필요한 이유: 상태·수명주기 기반 퀴즈로 이해

Compose에서 DI가 왜 필요한지 상태·수명주기 관점에서 퀴즈로 체감한다. remember, Slot Table, recomposition 범위, ViewModel/Repository 생명주기까지 연결한다.




























#Jetpack Compose DI#Compose 상태 관리#Compose 수명주기+14
1. Jetpack Compose derivedStateOf: 불필요한 리컴포지션을 줄이는 계산 상태
Compose 기본2026.02.15

1. Jetpack Compose derivedStateOf: 불필요한 리컴포지션을 줄이는 계산 상태

derivedStateOf가 왜 존재하는지, remember/Slot Table/스냅샷 관점에서 내부 동작을 추적하고 언제 써야 리컴포지션과 계산 비용이 줄어드는지 설명한다. 실습 코드 포함. 200자 내외 맞춤용 문장 추가용 텍스트 제거함을 방지하는 문장.

#derivedStateOf#Jetpack Compose 상태#recomposition+12