개발자 SEOBI

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

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

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

1편 정리 https://gift123.tistory.com/41 안드로이드 개발 (13) Layout in Compose 1편 지금까지 Compose에 대해 composable 라이프사이클, Compose 내부흐름 , Composition, recompostion, Sdie-effects 활용방법에 대한 원론 방법에 알았다면 이제 실질적으로 Compose로 Layout을 어떻게 구성하는지.. gift123.tistory.com 1편에 이어서 2편도 정리해가보도록 하겠습니다. 1편 요약 - 기본 레이아웃은 Colum , Row, Box 3가지를 주로 사용 - Modifiers 로 Composable의 설정이나 여러가지를 추가적으로 작업할 수 있음 - Modifiers는 순서가 매우 중요 - 가중치, 제약..

지금까지 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..

이번 포스팅부터 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..