목록Android/Compose Docs (21)
시배's Android

적응형 레이아웃 빌드하기 | Jetpack Compose | Android Developers 적응형 레이아웃 빌드하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 앱 UI는 다양한 화면 크기, 방향, 폼 팩터를 처리할 수 있도록 반응해야 합니다. 적 developer.android.com 앱의 UI는 다양한 화면 크기, 방향 및 형태 요소에 대응하도록 반응해야 합니다. 적응형 레이아웃은 화면 공간에 따라 변경되며, 이러한 변경 사항은 공간을 채우기 위한 간단한 레이아웃 조정부터 추가 공간을 활용하기 위해 레이아웃을 완전히 변경하는 것까지 다양합니다. 선언적 UI 도구인 Jetpack Compose는 다양한 크기에 따라 콘텐츠를 다르게 렌더링하도록 레이아웃을 디자인하고 ..

맞춤 레이아웃 | Jetpack Compose | Android Developers 맞춤 레이아웃 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Compose에서 UI 요소는 호출될 때 UI 요소를 내보내는 구성 가능한 함수로 표시됩니다. 그런 다음 developer.android.com Composable 함수를 사용하여 Compose에서 UI 요소는 호출될 때 UI 조각을 내보내는 함수로 나타납니다. 이 UI 조각은 화면에 렌더링되는 UI 트리에 추가됩니다. 각 UI 요소는 하나의 부모와 잠재적으로 여러 개의 자식을 가지고 있습니다. 또한 각 요소는 부모 내에서 위치가 지정되며, (x, y) 위치와 너비 및 높이로 크기가 지정됩니다. 부모 요소는 자식 요소에 대한 제약..

Compose 레이아웃 기본사항 | Jetpack Compose | Android Developers Compose 레이아웃 기본사항 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Jetpack Compose를 사용하면 앱의 UI를 훨씬 쉽게 디자인하고 빌드할 수 있습니다. Compose developer.android.com Basic of Composable functions Composable 함수는 Compose의 기본 구성 요소입니다. Composable 함수는 화면의 일부를 설명하는 Unit을 내보내는 함수입니다. 이 함수는 일부 입력을 받고 화면에 표시되는 내용을 생성합니다. Composable 함수는 여러 UI 요소를 내보낼 수 있습니다. 그러나 요소들이 어..

CompositionLocal을 사용한 로컬 범위 지정 데이터 | Jetpack Compose | Android Developers CompositionLocal을 사용한 로컬 범위 지정 데이터 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. CompositionLocal은 암시적으로 컴포지션을 통해 데이터를 전달하 developer.android.com Introducing CompositionLocal 보통 Compose에서는 데이터가 매개변수로 각 컴포저블 함수에 따라 UI 트리를 통해 아래로 흐릅니다. 이렇게 하면 컴포저블의 종속성이 명시적으로 드러납니다. 그러나 색상이나 글꼴 스타일과 같이 매우 자주 널리 사용되는 데이터의 경우에는 번거로울 수 있습니다. 다음 예시..

Compose의 시맨틱 | Jetpack Compose | Android Developers Compose의 시맨틱 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 컴포지션은 앱의 UI를 설명하고 컴포저블을 실행하여 생성됩니다. 컴포지션은 UI를 설명하는 developer.android.com 만약 당신의 앱이 Compose foundation 및 material 라이브러리에서 제공하는 composables 및 modifiers로 구성되어 있다면, Semantics 트리는 자동으로 생성되어 채워집니다. 그러나 사용자 정의 저수준 composables를 추가하는 경우에는 수동으로 해당 semantics를 제공해야 할 수 있습니다. 화면의 요소의 의미를 정확하게 또는 완전히 나..
Compose 성능 | Jetpack Compose | Android Developers Compose 성능 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Jetpack Compose의 목표는 처음부터 우수한 성능을 제공하는 것입니다. 이 페이지에서는 최고의 성능 developer.android.com Properly configure your app 만약 앱의 성능이 좋지 않다면, 설정 문제일 수 있습니다. 첫 번째로 확인해야 할 구성 옵션은 다음과 같습니다. Build in release mode and uose R8 성능 문제가 있을 경우 앱을 릴리스 모드로 실행해 보는 것이 좋습니다. 디버그 모드는 많은 문제를 발견하는 데 유용하지만, 성능에 상당한 비용을 부과하며..

Jetpack Compose 아키텍처 레이어링 | Android Developers Jetpack Compose 아키텍처 레이어링 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 페이지에서는 Jetpack Compose를 구성하는 아키텍처 레이어와 관련 디자인에 developer.android.com Layers 각 레이어는 낮은 수준에서부터 쌓여져 높은 수준의 구성 요소를 만들기 위한 기능을 조합합니다. 각 레이어는 하위 레이어의 공개 API를 기반으로 구축되며 모듈 간 경계를 확인하고 필요한 경우 어떤 레이어든 교체할 수 있도록 합니다. 이제 아래에서 위로 이러한 레이어들을 살펴보겠습니다. Runtime (런타임) : 이 모듈은 remember, mutableStat..

Jetpack Compose 단계 | Android Developers Jetpack Compose 단계 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 대부분의 다른 UI 도구 키트와 마찬가지로 Compose는 몇 가지 고유한 단계를 통해 프레임을 렌 developer.android.com The three phases of a frame Composition : 어떤 UI를 표시할지 결정합니다. Compose는 구성 가능한 함수를 실행하고 UI의 설명을 생성합니다. Layout : UI를 어디에 배치할지 결정합니다. 이 단계는 측정(measurement)과 배치(placement) 두 단계로 구성됩니다. 레이아웃 요소는 2D 좌표로 자신과 모든 하위 요소를 측정하고 배치..