개발자 SEOBI

안녕하세요 Loner입니다. Compose에 대한 뜨거운 열망은 계속 이어집니다. 이번편은 Compose의 그래픽이라는 문서를 정리한 내용입니다. Compose의 그래픽 Compose를 사용하면 커스텀 그래픽을 더 쉽게 사용할 수 있습니다. Compose의 선언적 방식을 사용하면 모든 그래픽 구성이 메서드 호출과 Paint 도우미 객체 간에 분할되는 대신 한곳에서 발생합니다. Compose가 필요한 객체를 효율적인 방법으로 만들고 업데이트합니다. 1.Compose를 사용한 그래픽 Compose는 그래픽도 선언적 접근 방식으로 처리합니다. Compose의 접근방식은 여러 이점을 제공합니다. (1)Compose는 그래픽 요소의 상태를 최소화하므로 상태의 프로그래밍 실수를 피할 수 있음 (2)항목을 그릴 때 ..

안녕하세요 안드로이드 개발자 Loner입니다. Compose 연구에 푹 빠져사는 요즘 새로운 세계를 맛보고 있어서 즐거운것 같습니다. 이번에는 Compose의 텍스트에 관해 정리를 해봤습니다. Compose 의 텍스트 - Compose는 텍스트를 표시하고 사용자 입력을 처리하는 기본 구조인 BasicText 및 BasicTextField를 제공함. - 상위 수준에서 Compose는 Text 및 TextField를 제공하며 머티리얼 디자인를 따름 (위 Composable은 디자인과 분위기가 Android 사용자에게 적합하며 쉽게 커스텀 할 수 있는 옵션이 포함되어 있으므로사용을 권장함) 1. 기본 텍스트 표시 텍스트를 표시하는 가장 기본적인 방법은 Text Composable을 사용하는 것입니다. 예제 1..

안녕하세요 안드로이드 개발자 Loner입니다. Compose의 정리를 이어서 진행해보도록 하겠습니다. List 기존 Xml방식으로 List는 주로 리싸이클러 뷰 혹은 리스트뷰로 많이 구현을 해왔습니다. Compose에서는 List를 어떻게 구현해야할지 살펴보겠습니다. 심플 구현 @Composable fun MessageList(messages: List) { Column { messages.forEach { message -> MessageRow(message) } } } Column 또는 Row를 사용하여 위과 같이 각 아이템의 콘텐츠를 표시할 수 있음 verticalScroll() Modifier를 사용하여 Column을 스크롤 가능하게 만들 수 있습니다. 하지만 아이템 갯수만큼 UI가 미리 만들어져..

지금까지 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. 기본 레이아웃 기본적으로 사용..

공부한 내용 정리입니다. 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(부수효과)란 함수가 결괏값을 반환하는 것 이외에 다른 ..

안녕하세요 Loner 입니다. 오늘은 Compose의 컴포저블 라이프사이클 공부를 정리해 봤습니다. 읽기전에 알아야할 개념- Composition, ReComposition https://gift123.tistory.com/34 안드로이드 개발 (9) Compose 상태 관리 jetpack compose 에 한창 포스팅 중입니다. https://gift123.tistory.com/33 안드로이드 개발 (8) Compose 이해 정리 이번 포스팅부터 Compose에 대해 차근히 파헤쳐 가보겠습니다. Android Compose 공식 문서를.. gift123.tistory.com 위 링크에서 언급한대로 Composition은 UI를 기술하는 컴포저블의 트리 구조입니다. Compose 최초 Compositio..

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 데이터베이스부터 클래스 변수까..

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

안녕하세요 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..

최근에 Google의 행사 IO 가 시작되었습니다. Google 에서 한해 마다 샌스란 시스코에서 개최하는 개발자 지향 레퍼런스 행사입니다. 이번 년도도 역시 Google은 Android 이야기로 뜨거웠습니다. 이번에 발표된 State of Kotlin on Android 라는 영상을 발표했는데 해당 영상의 내용을 참고했습니다. 과연 2021년에도 안드로이드의 코틀린 사랑이 뜨거운지 확인할 수 있습니다. https://youtu.be/etLUpHvhNZw 안드로이드 개발 리더인 제프리 반 고흐가 선 발표를 맡았고 그 뒤에 Dev Rel 를 맡고 있는 분이 추가적으로 얘기를 이어갑니다. 1. Kotlin Momentum Kotlin 은 4년전에 안드로이드 공식언어로 채택되었고 코틀린을 사랑하는 많은 개발자..