docs(10_Wiki): 위키 전체 재구성 — Topic_* 폴더를 4개 카테고리로 통합 + 대규모 중복 제거
Topic_Agent/Topic_Blog/Topics/Topics_Biz/Topics_Meeting/Topics_Rag의 마크다운 지식 문서를 Topic_General/Topic_Programming/Topic_Graphic/Topic_Business 4개 카테고리로 재분류. - 중복 제거: frontmatter의 status:duplicate/merged + duplicate_of/redirect_to 필드로 자기 자신을 중복으로 선언한 리다이렉트 stub 1032개 제거, 완전 동일 내용 파일 472개 제거, 동일 파일명·다른 내용 충돌 시 더 큰(완전한) 버전만 유지(162개 제거) — 총 1639개 중복 제거. - 분류: 폴더 단위로 명확한 항목(AI_and_ML/Coding/Architecture 등 → Programming, Comfyui/Visual_Effects → Graphic, Topics_Biz/Topics_Meeting/사업 등 → Business, Poetic_Blog_Writing/창의성/Game_Design 등 → General)은 폴더 우선순위로, 나머지 혼재 폴더(Topic_Agent/Topic_Blog/Topics 루트/Thinking & Reasoning/Other/UI_UX_Assets)는 title/tags 키워드 스코어링으로 파일 단위 분류(불명확한 경우 General로 폴백). 원본 폴더명은 "From_*" 서브폴더로 보존해 추적 가능성 유지. - 최종 배치: Programming 2784 / General 1608 / Graphic 285 / Business 249 = 4926개 문서. - 에이전트 운영 상태(.astra/.agent/.obsidian/sessions/memory/_company/docs/lessons/_shared/src)는 지식 콘텐츠가 아니므로 재분류 대상에서 제외하고 원위치 유지. - Topics/Topic_email(상위 보호 폴더 Topic_email과 파일명 100% 중복) 삭제 — 보호 폴더 자체는 미변경. - 완전히 비게 된 Topic_Agent/Topic_Blog/Topics_Biz/Topics_Rag 폴더 제거.
This commit is contained in:
@@ -0,0 +1,94 @@
|
||||
---
|
||||
id: android-compose-recomposition-pitfalls
|
||||
title: Compose Recomposition 함정
|
||||
category: Coding
|
||||
status: draft
|
||||
source_trust_level: B
|
||||
verification_status: conceptual
|
||||
created_at: 2026-05-09
|
||||
updated_at: 2026-05-09
|
||||
tags: [android, compose, recomposition, performance, vibe-coding]
|
||||
tech_stack: { language: "Kotlin / Jetpack Compose", applicable_to: ["Android"] }
|
||||
applied_in: []
|
||||
aliases: [stable, immutable, skippable, derivedStateOf]
|
||||
---
|
||||
|
||||
# Compose Recomposition 함정
|
||||
|
||||
> Compose 는 "필요한 부분만 다시 그린다" 가 디폴트지만, **stable / immutable / skippable** 조건이 깨지면 매번 다시 그림. Layout Inspector + Compose Compiler Metrics 로 측정 후 최적화.
|
||||
|
||||
## 📖 핵심 개념
|
||||
- Stable: 필드가 변하지 않거나 변경 시 알림. compose 가 ==/equals 안전 비교 가능.
|
||||
- Immutable: 자체적으로 mutate 불가 (val + immutable types).
|
||||
- Skippable: stable 인 매개변수만 받는 composable. 같은 args → skip.
|
||||
|
||||
## 💻 코드 패턴
|
||||
|
||||
### Immutable data class
|
||||
```kotlin
|
||||
@Immutable
|
||||
data class User(val id: String, val name: String) // 모든 필드 val + immutable type
|
||||
|
||||
@Composable
|
||||
fun UserCard(user: User) { ... } // skippable
|
||||
```
|
||||
|
||||
### List 는 ImmutableList
|
||||
```kotlin
|
||||
import kotlinx.collections.immutable.ImmutableList
|
||||
import kotlinx.collections.immutable.persistentListOf
|
||||
|
||||
@Composable
|
||||
fun Items(items: ImmutableList<Item>) { // 일반 List 는 unstable
|
||||
LazyColumn { items(items) { Row(it) } }
|
||||
}
|
||||
```
|
||||
|
||||
### derivedStateOf — 파생 값 캐시
|
||||
```kotlin
|
||||
val showButton by remember(items) {
|
||||
derivedStateOf { items.isNotEmpty() && items.all { it.isValid } }
|
||||
}
|
||||
// items 변하지 않으면 계산 skip
|
||||
```
|
||||
|
||||
### key() 로 강제 재생성
|
||||
```kotlin
|
||||
@Composable
|
||||
fun Animated(target: T) {
|
||||
key(target.id) {
|
||||
AnimatedContent(target) { ... } // id 바뀌면 새 instance
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Lambda — remember 없이 인라인 OK (Compose 가 안정화)
|
||||
```kotlin
|
||||
Button(onClick = { vm.onClick() }) { ... } // OK — Compose 1.x 부터 안정
|
||||
```
|
||||
|
||||
## 🤔 의사결정 기준
|
||||
| 상황 | 도구 |
|
||||
|---|---|
|
||||
| 큰 list | LazyColumn / LazyVerticalGrid + key |
|
||||
| 자식이 매번 재구성됨 (불필요) | 데이터 타입 immutable / stable 점검 |
|
||||
| 비싼 계산 | `remember(deps) { compute() }` |
|
||||
| 파생 state | `derivedStateOf` |
|
||||
| 부모 state 변경에 무관한 자식 | `Modifier.composed` 또는 별도 composable |
|
||||
|
||||
## ❌ 안티패턴
|
||||
- **일반 List<T> 를 prop 으로**: Compose 가 unstable 로 봄. Recomposition 빈발. ImmutableList.
|
||||
- **Map<K,V> 일반 사용**: 마찬가지. ImmutableMap.
|
||||
- **lambda 안 의 state 가 매번 다른 참조**: skippable 깨짐. 보통은 OK 지만 문제되면 remember.
|
||||
- **remember 없이 비싼 객체 매번 생성**: GC 부담.
|
||||
- **Modifier 가 매번 새 인스턴스**: skippable 영향. 자주 그러면 미리 만들거나 `Modifier.composed`.
|
||||
- **ViewModel 의 mutableStateOf 직접 노출**: 외부 mutate 가능. State 또는 StateFlow 로 노출.
|
||||
- **profiler 없이 추측 최적화**: 측정 후 optimize.
|
||||
|
||||
## 🤖 LLM 활용 힌트
|
||||
- "데이터 클래스는 @Immutable 또는 @Stable 마크, List 는 ImmutableList" 강조.
|
||||
- Compose Compiler Metrics 로 stability 점검 권장.
|
||||
|
||||
## 🔗 관련 문서
|
||||
- [[Android_Compose_State_Hoisting]]
|
||||
- [[React_Rendering_Optimization]]
|
||||
Reference in New Issue
Block a user