Android Jetpack Compose 정리

Jetpack Compose의 등장과 중요성

Jetpack Compose는 Android의 차세대 UI라이브러리로 직관적인 코드를 통해 UI를 그려줄 수 있다는 점과, Stateless한 UI를 그려줄 수 있다는 점을 특징으로 가지고 있다. Google에서는 Kotlin이 안드로이드의 공식 언어로 지정되었을 때만큼 Compose를 밀어주고 있으며 이후 모든 안드로이드의 UI 코드는 Compose로 작성될 것이 명확해 보인다.

 

하지만 Compose는 나온지 오랜 시간이 되지 않아 양질의 자료를 찾아보기가 힘들다. 영문으로도 양질의 자료를 찾아보기 힘든데, 한글로 된 양질의 자료는 없다시피 하다. 현재 구글에 검색하면 나오는 자료들은 모두 Codelab을 따라하는 문서들 뿐 Compose에 대해 자세히 다룬 문서가 없다. 어느 정도 경력이 있는 안드로이드 개발자라면 이해하기가 편하겠지만, 새로 입문하거나 경력이 적은 안드로이드 개발자들이 Compose에 입문하는데 어려움이 있을 것이라 본다.

 

이에 따라 많은 한국인 안드로이드 개발자들이 참조할 Compose 문서를 작성해야 할 필요성을 느꼈고, 이번 정리 글을 작성하게 되었다. 

 

아직 시리즈를 작성 중이며 점점 내용을 채워나갈 예정이다.

 

Compose Layout

모든 UI라이브러리의 시작은 Layout이다. Compose의 레이아웃에 대해 살펴보자.

[Android Compose Layout] 1. Column, Row, Box, ConstraintLayout 정리

[Android Compose Layout] 1. Column, Row, Box, BoxWithConstraints, ConstraintLayout 의 차이점 살펴보기

[Android Compose Layout] 2. Column Layout 정리

[Android Compose Layout] 2. Compose Column 사용법 정리

[Android Compose Layout] 3. Row Layout 정리

[Android Compose Layout] 3. Compose Row 사용법 정리

[Android Compose Layout] 4. Box Layout 정리

[Android Compose Layout] 4. Compose Box 사용법 정리

[Android Compose Layout] 5. BoxWithConstraints Layout 정리

[Android Compose Layout] 5. Compose BoxWithConstraints 사용법 정리

[Android Compose Layout] 6. ConstraintLayout 정리

[Android] Compose에서ConstraintLayout을 쓰는 것이 권장 사항이 아닌 이유

 

 

 

 

---

Compose Layout Column

[Android Compose] Column verticalArrangement 사용법

[Android Compose Column] Column verticalArrangement 사용법

[Android Compose] Column horizontalAlignment 사용법

[Android Compose Column] horizontalAlignment 사용법

 

 

 

 

---

Compose Layout Row

[Android Compose] Row horizontalArrangement 사용법

[Android Compose Row] horizontalArrangement 사용법

[Android Compose] Row verticalAlignment 사용법

[Android Compose Row] verticalAlignment 사용법

 

 

---

Compose Lists

[Android Compose Lists] 1. Compose Column과 ScrollState를 이용해 Scroll View만들기 + 사용법 정리

[Android Compose Lists] 1. Compose Column과 ScrollState를 이용해 Scroll View만들기 + 사용법 정리

[Android Compose Lists] 2. Compose LazyColumn을 이용해 RecyclerView 만들기 + item, items, itemsIndexed사용법 정리

[Android Compose Lists] 2. Compose LazyColumn을 이용해 RecyclerView 만들기 + item, items, itemsIndexed사용법 정리

 

 

 

 

---

Compose Material

[Android Compose Material] 1. Compose에서 Snackbar을 만드는 방법 : Scaffold를 이용해 Snackbar만들기

[Android Compose Material] 1. Compose에서 Snackbar을 만드는 방법 : Scaffold를 이용해 Snackbar만들기

[Android Compose Material] 2. Compose TextField 이용해 텍스트 출력하기 : Stateless한 Compose에서 TextField는 어떻게 사용되어야 하는가?

[Android Compose Material] 2. Compose TextField 이용해 텍스트 출력하기 : Stateless한 Compose에서 TextField는 어

 

 

 

---

Compose Modifier

[Android Compose Modifier] 1. Modifier로 크기(너비, 높이) 조절하기

[Android Compose Modifier] 1. Modifier로 크기(너비, 높이) 조절하기

[Android Compose Modifier] 2. padding, offset 이용하여 컴포넌트간 여유공간 만들기

[Android Compose Modifier] 2. padding, offset 이용하여 컴포넌트간 여유공간 만들기

[Android Compose Modifier] 3. Modifier.background로 배경색 설정하고 라운딩 처리하기

[Android Compose Modifier] 3. Modifier.background로 배경색 설정하고 라운딩 처리하기

[Android Compose Modifier] 4. Modifier.background에서 Brush 다루기 : 그라데이션 만들기

[Android Compose Modifier] 4. Modifier.background에서 Brush 다루기 : 그라데이션 만들기

[Android Compose Modifier] 5. Color에 alpha 적용해 투명도 설정하기

[Android Compose Modifier] 5. Color에 alpha 적용해 투명도 설정하기

[Android Compose Modifier] 6. border을 이용해 테두리 만들기

[Android Compose Modifier] 6. border을 이용해 테두리 만들기

[Android Compose Modifier] 7. padding과 border을 조합하여 중첩 테두리 만들기(Multiple Border)

[Android Compose Modifier] 7. padding과 border을 조합하여 중첩 테두리 만들기(Multiple Border)

 

 

---

Compose State

[Android Compose State] MutableState을 remember과 함께 다루는 다양한 방법 : 구조분해, by 키워드(Delegation) 사용

[Android Compose State] MutableState을 remember과 함께 다루는 다양한 방법 : 구조분해, by 키워드(Delegation)

 

 

---

Compose 기타

[Jetpack Compose] Compose 란?

[Jetpack Compose] Compose 란?

[Jetpack Compose] State의 관점에서 본 Compose의 이해

[Jetpack Compose] State의 관점에서 본 Compose의 이해

Compose에서 ConstraintLayout을 쓰는 것을 권장하지 않는 이유

[Android] Compose에서ConstraintLayout을 쓰는 것이 권장 사항이 아닌 이유

 

*위 글의 저작권은 모두 KotlinWorld Blog 주인에게 있습니다. 무단 복제나, 복사는 허용하지 않습니다.