안드로이드Compose 7

안드로이드 개발 (18) Compose Text 2편

이전 내용 Compose Text 1편 https://gift123.tistory.com/45?category=967702 안드로이드 개발 (17) Compose Text 1편 안녕하세요 안드로이드 개발자 Loner입니다. Compose 연구에 푹 빠져사는 요즘 새로운 세계를 맛보고 있어서 즐거운것 같습니다. 이번에는 Compose의 텍스트에 관해 정리를 해봤습니다. Compose 의 텍스 gift123.tistory.com 안녕하세요 안드로이드 개발자 Loner입니다. 저번 Text 설명 1편에 이어서 2편을 작성해보도록 하겠습니다. Text는 크게 색다로운 내용이 있다긴보다 되짚어보는 정리정도 되는거 같습니다. 2편 같은 경우 사용자 상호작용 개념이 있어서 1편보다는 좀더 좋은 기능을 설명하고 있습니..

안드로이드 개발 (15) Theming in Compose

오늘도 Compose 내용 정리를 이어서 해보겠습니다. Compose의 테마 설정 - Compose는 테마를 적용하여 앱에 일관된 디자인과 분위기를 쉽게 제공을 함 - 기본적으로 Compose의 머티리얼 디자인 구현을 만드려는 앱에 맞게 맞춤설정이 가능 - 머티리얼 디자인 뿐만 아니라 다른 Compose의 공개 API를 사용하여 맞춤 디자인 시스템을 만들 수 있음 애플리케이션 전체 테마 설정 MaterialTheme( colors = …, typography = …, shapes = … ) { // app content } 머티리얼 디자인 구성요소(버튼, 카드, 스위치 등)는 나만의 앱을 효과적으로 반영하기 위해 머티리얼 디자인을 맞춤설정하는 체계적인 방법인 머티리얼 테마 설정을 기반으로 빌드됩니다. -..

안드로이드 개발 (13) Layout in Compose 1편

지금까지 Compose에 대해 composable 라이프사이클, Compose 내부흐름 , Composition, recompostion, Sdie-effects 활용방법에 대한 원론 방법에 알았다면 이제 실질적으로 Compose로 Layout을 어떻게 구성하는지에 대해 공부를 해봤습니다. 0. 개요 - Composable 함수를 통해서 여러 UI요소들을 만들 수 있음 - 하지만 UI요소들에 대한 정렬 기준이 없다면 아래와 같이 생성됨 예제. @Composable fun ArtistCard() { Text("Alfred Sisley") Text("3 minutes ago") } 결과. 레이아웃이 없으면 위와같이 UI요소를 여러개 사용할 때 나오기 때문에 필수로 있어야함 1. 기본 레이아웃 기본적으로 사용..

안드로이드 개발 (11) Compose Side-effects

공부한 내용 정리입니다. Compose는 Kotlin으로 만들어진 UI Tool입니다. 코틀린의 Ramda를 최대한 이용한 라이브러리이기 때문에 함수형 언어프로그래밍을 같이 공부해주면 좋습니다. 오늘 내용인 Side-effect(부수 효과) 같은 경우도 함수형 언어를 알아야 이해가 되기 때문에 이 포스팅을 보기전에 아래링크를 보시길 권장합니다. https://sojin.io/article/%EC%88%9C%EC%88%98-%ED%95%A8%EC%88%98%EC%99%80-%EB%B6%80%EC%88%98-%ED%9A%A8%EA%B3%BC/ 순수 함수와 부수 효과 부수 효과는 무엇이고, 왜 순수 함수를 써야 할까? sojin.io Side-effect(부수효과)란 함수가 결괏값을 반환하는 것 이외에 다른 ..

안드로이드 개발 (9) Compose 상태 관리

jetpack compose 에 한창 포스팅 중입니다. https://gift123.tistory.com/33 안드로이드 개발 (8) Compose 이해 정리 이번 포스팅부터 Compose에 대해 차근히 파헤쳐 가보겠습니다. Android Compose 공식 문서를 보면서 정리한 내용들 입니다. https://developer.android.com/jetpack/compose/mental-model?hl=en Compose 이해 |.. gift123.tistory.com -이전편 Compose 이해정리 오늘은 Compose 상태관리를 알아보도록 하겠습니다. Compose에서의 상태 *앱의 상태는 시간에 따라 변할 수 있는 값을 모두 포함한 것을 이야기한다. (ex: Room 데이터베이스부터 클래스 변수까..

안드로이드 개발 (8) Compose 이해 정리

이번 포스팅부터 Compose에 대해 차근히 파헤쳐 가보겠습니다. Android Compose 공식 문서를 보면서 정리한 내용들 입니다. 기존 안드로이드 UI개발의 단점 - 일반적으로 뷰를 수동으로 조작하기 때문에 오류 발생률이 커짐 - 데이터를 여러 위치에서 렌더링 할 때 여러뷰 중에 업데이트를 잊어먹는 View가 생기기 쉬움 - 두개의 View 업데이트가 예기치 않는 방식으로 충돌 될 때 잘못된 상태로 UI가 그려질 수 있음 - 업데이트가 필요한 뷰가 많을 수록 소프트웨어 유지관리 복잡성 증가 선언형 프로그래밍 패러다임 - 프로그래밍 업계 전반적으로 선언형 UI 모델로 전환하기 시작함 - 인터페이스 빌드 및 업데이트와 관련된 엔지니어링이 크게 간소화 됨 - 화면 전체를 개념적으로 재생성하고 부분적으로..

안드로이드 개발 (7) Compose 를 사용하는 이유

안녕하세요 Loner입니다. 구글 IO 2018에서 처음 Compose가 공개 되었고, 3년 동안 제작기간을 거친 Compose는 현재 Beta 버전 입니다. Compose는 Kotlin으로 제작되는 라이브러리 이며 선언형 프로그래밍 방식으로 UI를 그립니다. 하지만 오랫동안 ui를 xml에 익숙한 안드로이드 개발자는 왜 compose라는 새로운 UI Tool를 만드는지 의아해 할것입니다. 1. 기존 Android UI 제작 특징 UI의 속성같은 경우 Xml에다가 UI 속성을 정의를 하는경우가 있고, Class에서 프로그래밍으로 정의를 하는 경우가 있습니다. 두개의 파일로 어디서든지 속성을 정의할 수 있습니다. 안드로이드는 기본적으로 Xml를 통해서 ui만든 다음에 class(Activity or Fra..