Compose용 도구
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Android 스튜디오는 Jetpack Compose 라이브러리를 사용하여 UI 디자인 속도를 높이는 데 도움이 되는 다양한 도구를 제공합니다. 먼저 BOM (Bill of Materials)을 통해 Gradle 파일에 필요한 종속 항목을 추가하여 이러한 도구를 사용할 수 있습니다.
디자인 사양에 맞게 구성요소, 디자인 시스템, 화면을 만듭니다.
컨텍스트 전환을 줄여 UI 빌드와 실행 중인 애플리케이션 테스트를 가속화합니다.
- 실시간 편집: 전체 빌드를 실행하지 않고 변경사항을 적용하고 실시간으로 확인할 수 있습니다.
- 편집기 작업: Android 스튜디오 편집기 창에서 템플릿, 여백 아이콘 등을 사용합니다.
- 린트 검사: 린트 검사를 통해 Compose 코드의 정확성을 확인합니다.
UI 디버깅 도구
레이아웃, 리컴포지션, 컴포지션 추적을 분석하여 앱의 UI 성능을 개선합니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-08-27(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-27(UTC)"],[],[],null,["Android Studio provides a slate of tools to help you accelerate your UI design\nusing Jetpack Compose libraries. You can get started using those tools by first\nadding the necessary dependencies to your Gradle file through the Bill of\nMaterials (BOM). \n[Quick Start\nAdd the Compose BOM and library dependencies using the quick start guide\narrow_forward](/develop/ui/compose/setup)\n\nTools for designing your UI\n\nCreate components, design systems, and screens to align with design specs.\n\n- [Preview UI](/develop/ui/compose/tooling/previews): Preview, organize, and interact with composables.\n- [Preview animations](/develop/ui/compose/tooling/animation-preview): Inspect, debug, and preview animations frame by frame.\n\nTools for developing and testing your UI\n\nAccelerate building the UI and testing the running application with less context\nswitching.\n\n- [Live Edit](/develop/ui/compose/tooling/iterative-development): Apply changes and see them in real time without doing full builds.\n- [Editor actions](/develop/ui/compose/tooling/editor-actions): Use templates, gutter icons, and more in the Android Studio editor window.\n- [Lint checks](/develop/ui/compose/tooling/lint): Verify the correctness of your Compose code with lint checks.\n\nTools for debugging your UI\n\nAnalyze layout, recompositions, and composition tracing to improve your app's UI\nperformance.\n\n- [Layout Inspector](/develop/ui/compose/tooling/debug#layout_inspector): Inspect a Compose layout in an emulator or physical device.\n- [Compose UI Check](/develop/ui/compose/tooling/debug#compose_ui_check): Inspect Compose UI for accessibility and adaptive issues.\n- [Composition Tracing](/develop/ui/compose/tooling/tracing): Trace your composable functions in a system trace."]]