본문 바로가기

전체 글

 (73)
안드로이드 개발 (17) Compose Text 1편 안녕하세요 안드로이드 개발자 Loner입니다. Compose 연구에 푹 빠져사는 요즘 새로운 세계를 맛보고 있어서 즐거운것 같습니다. 이번에는 Compose의 텍스트에 관해 정리를 해봤습니다. Compose 의 텍스트 - Compose는 텍스트를 표시하고 사용자 입력을 처리하는 기본 구조인 BasicText 및 BasicTextField를 제공함. - 상위 수준에서 Compose는 Text 및 TextField를 제공하며 머티리얼 디자인를 따름 (위 Composable은 디자인과 분위기가 Android 사용자에게 적합하며 쉽게 커스텀 할 수 있는 옵션이 포함되어 있으므로사용을 권장함) 1. 기본 텍스트 표시 텍스트를 표시하는 가장 기본적인 방법은 Text Composable을 사용하는 것입니다. 예제 1..
안드로이드 개발 (16) Compose Lists 안녕하세요 안드로이드 개발자 Loner입니다. Compose의 정리를 이어서 진행해보도록 하겠습니다. List 기존 Xml방식으로 List는 주로 리싸이클러 뷰 혹은 리스트뷰로 많이 구현을 해왔습니다. Compose에서는 List를 어떻게 구현해야할지 살펴보겠습니다. 심플 구현 @Composable fun MessageList(messages: List) { Column { messages.forEach { message -> MessageRow(message) } } } Column 또는 Row를 사용하여 위과 같이 각 아이템의 콘텐츠를 표시할 수 있음 verticalScroll() Modifier를 사용하여 Column을 스크롤 가능하게 만들 수 있습니다. 하지만 아이템 갯수만큼 UI가 미리 만들어져..
안드로이드 개발 (15) Theming in Compose 오늘도 Compose 내용 정리를 이어서 해보겠습니다. Compose의 테마 설정 - Compose는 테마를 적용하여 앱에 일관된 디자인과 분위기를 쉽게 제공을 함 - 기본적으로 Compose의 머티리얼 디자인 구현을 만드려는 앱에 맞게 맞춤설정이 가능 - 머티리얼 디자인 뿐만 아니라 다른 Compose의 공개 API를 사용하여 맞춤 디자인 시스템을 만들 수 있음 애플리케이션 전체 테마 설정 MaterialTheme( colors = …, typography = …, shapes = … ) { // app content } 머티리얼 디자인 구성요소(버튼, 카드, 스위치 등)는 나만의 앱을 효과적으로 반영하기 위해 머티리얼 디자인을 맞춤설정하는 체계적인 방법인 머티리얼 테마 설정을 기반으로 빌드됩니다. -..
안드로이드 개발 (14) Layout in Compose 2편 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는 순서가 매우 중요 - 가중치, 제약..
안드로이드 개발 (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. 기본 레이아웃 기본적으로 사용..
안드로이드 개발 (12) SendBird Chat SDK 안녕하세요 오늘 공부한 것을 정리를 이어서 샌드버드에 대해 알아보겠습니다. 확정은 아니지만 어쩌면 조만간 외주 프로젝트에서 투입되서 SendBird 를 사용할지도 몰라서 미리 공부를 해봤습니다. (알아두면 나쁠건 없으니까) SendBird는 국내 기업 입니다. 현재 10억 5천만 달러의 가치를 인정 받으면서 국내 B2B 소프트웨어 스타트업 최초로 유니콘 기업이라는 칭호를 얻게 되었습니다. 관련기사 https://platum.kr/archives/160778 센드버드, 1억 달러 투자유치…엔터프라이즈 SW ‘유니콘’ 탄생 platum.kr 국내 첫 B2B 스타트업으로 유니콘 기업이라는 칭호를 얻은 SendBird는 채팅 API 플랫폼을 선보이며, 많은 기업에서 이 SendBird의 채팅 플랫폼을 사용하고 ..
안드로이드 개발 (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(부수효과)란 함수가 결괏값을 반환하는 것 이외에 다른 ..
안드로이드 개발 (10) Compose Composable Lifecycle 안녕하세요 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..

티스토리툴바