반응형 SMALL 전체 글37 Jetpack Compose로 간단한 버튼 UI 만들기 Jetpack Compose로 간단한 버튼을 만들고 클릭하면 로그를 출력하는 간단한 예제를 작성해 보겠습니다. 안드로이드 스튜디오에서 "New Project>Empty Activity"로 새로운 프로젝트를 다음과 같이 생성합니다. 프로젝트 이름을 "compose_02_04"이라고 입력하고 프로젝트를 생성합니다. 프로젝트를 생성하면 자동으로 다음과 같이 코드가 생성이 됩니다.class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { .. 2025. 5. 16. Jetpack Compose에서 Column과 Modifier.align으로 버튼 정렬 쉽게 하기 Jetpack Compose는 안드로이드 앱의 UI를 쉽고 빠르게 만들 수 있는 최신 도구입니다. 오늘은 Jetpack Compose를 사용하여 간단한 버튼 배치 레이아웃을 만드는 방법을 소개하겠습니다. 이번 예제는 세 개의 버튼 (LEFT, CENTER, RIGHT)을 각각 왼쪽, 중앙, 오른쪽에 배치하는 간단한 구조입니다. 이 예제는 초보자도 쉽게 따라 할 수 있도록 설명해드릴게요. 안드로이드 스튜디오에서 "New Project">"Empty Activity"로 새로운 프로젝트를 다음과 같이 생성합니다. 프로젝트 이름을 "compose_02_03"이라고 입력하고 프로젝트를 생성합니다. 프로젝트를 만들면 자동으로 MainActivity가 생성이 됩니다. 자동으로 생성된 Greeting 컴포즈 함수를 .. 2025. 5. 15. Jetpack Compose에서 Column으로 버튼 리스트 만들기 Jetpack Compose는 안드로이드 개발자들에게 직관적이고 간결한 UI 구성 방식을 제공합니다. 기존의 XML 기반 레이아웃에서 벗어나 선언형(Declarative) 스타일로 화면을 구성할 수 있어, 더 짧은 코드로 복잡한 UI를 손쉽게 구현할 수 있습니다. 이번 글에서는 Column을 활용하여 버튼 리스트를 간단하게 구현하는 방법을 살펴보겠습니다. 앱 화면에서 버튼을 세로로 나열하는 경우는 매우 일반적입니다. 예를 들어 설정 메뉴, 리스트 형식의 옵션, 간단한 네비게이션 메뉴 등 다양한 곳에서 활용될 수 있습니다. 이 글에서는 버튼을 세로로 배치하고 간격을 조절하는 기본적인 방법부터 시작하여, 버튼의 스타일과 배경 색상까지 함께 설정하는 방법을 설명합니다.📌 이번 블로그에서 다룰 내용Column.. 2025. 5. 14. Jetpack Compose로 간편하게 화면 전환 구현하기 – NavController와 NavHost 완벽 가이드 Jetpack Compose는 Android의 최신 UI 툴킷으로, 간결하고 선언적인 코드 스타일을 제공합니다. 이번 포스트에서는 초보자도 쉽게 따라 할 수 있는 기본 화면 구성과 화면 전환을 포함한 간단한 예제를 다룹니다.📁 프로젝트 생성하기Android Studio를 실행합니다.New Project를 클릭합니다.Empty Compose Activity를 선택하고 Next를 클릭합니다. 4. 프로젝트 이름은 SampleLayoutApp으로 설정합니다. 5. Minimum SDK는 **API Level 24 (Nougat)**로 설정하고 Finish를 클릭합니다. 📦 기본 화면 구성하기MainActivity.kt프로젝트를 생성하면 자동으로 생성하는 MainActivity.kt 파일은 다음과.. 2025. 5. 13. [Jetpack Compose] 버튼을 화면 중앙에 배치 안녕하세요! 이번 블로그에서는 Jetpack Compose를 사용하여 화면 중앙에 버튼을 배치하는 간단한 안드로이드 앱을 만들어 보려고 합니다. 이 예제는 Column, Button, Text와 같은 기본 컴포저블(Composable)들을 활용하여 버튼을 중앙에 배치하는 방법을 다루고 있으며, 이를 통해 Jetpack Compose의 기본 레이아웃 구조와 컴포저블의 동작 방식을 쉽게 이해할 수 있을 거예요. 😊1. 새로운 Compose 프로젝트 생성하기1. Android Studio를 열고 New Project를 선택하세요. 2. Empty Compose Activity 템플릿을 선택하세요. 3. 프로젝트 이름은 Compose_02_01로 설정합니다. 4. Finish를 눌러 프로젝트를 생성하면 다음과.. 2025. 5. 12. Gemini 활용법 1. 코드 작성 및 디버깅Gemini는 단순히 코드를 자동 생성하는 도구를 넘어서, 코딩 과정 전반에 도움을 주는 스마트 비서 역할을 합니다. 사용자가 입력한 자연어 명령을 이해하고, 그에 맞는 코드 스니펫을 제공할 수 있으며, 특정 라이브러리나 API를 활용한 예제 코드도 빠르게 제시해줍니다. 특히 브라우저 기반의 채팅 UI에서 결과물을 바로 확인하고 수정할 수 있어, 반복적인 테스트나 디버깅 작업이 훨씬 간결해집니다.또한, Visual Studio Code와 IntelliJ 등의 IDE에 플러그인을 설치하면, Gemini의 코드 어시스턴트를 통해 코드 자동 완성, 오류 감지, 리팩토링 제안까지 받을 수 있습니다. 이는 특히 복잡한 구조의 프로젝트에서 신규 기능을 구현하거나 기존 코드를 정비할 때 큰 .. 2025. 5. 8. 이전 1 2 3 4 ··· 7 다음 반응형 LIST
