반응형 SMALL 분류 전체보기41 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. Jetpack Compose에서 View, ViewGroup 쉽게 이해하기 안드로이드 개발을 처음 시작하면 가장 헷갈리는 게 바로 이런 용어들이죠:ViewViewGroup위젯레이아웃Jetpack Compose에서도 이 개념들이 전혀 사라진 건 아니에요. 방식만 달라졌을 뿐, 기본 개념은 여전히 존재합니다.이 글에서는 Compose 기준으로, 위 개념들을 진짜 쉽게 풀어서 설명해볼게요!🖼️ Jetpack Compose와 View 시스템 구조 비교Compose에서는 기존 Android의 View, ViewGroup 개념을 그대로 가져오면서도 훨씬 간결하게 표현할 수 있습니다.아래 이미지를 보면 그 차이를 한눈에 알 수 있어요! 기존 Android는 XML + View 상속 구조로 구성됩니다. Jetpack Compose는 모든 UI를 Composable 함수로 구성하며, 더 직관.. 2025. 5. 7. 💡 Cursor AI 실전 활용기: Flask & CSS 예제 중심 리뷰 ✅ 뛰어난 자동완성과 맥락 인식 능력Cursor AI는 코드 자동완성과 챗 기능 모두에서 뛰어난 성능을 보여줍니다. 특히 프로젝트 내의 코드 컨벤션과 클래스 구조를 잘 파악하여 일관된 코드 제안을 제공합니다.또한 최신 언어 모델을 직접 선택하여 사용할 수 있습니다. GPT-4o, Claude, O1 Mini 등 상황에 따라 적합한 모델을 자유롭게 활용할 수 있는 점도 Cursor만의 장점입니다.💬 생산성을 높이는 챗봇 기능Cursor의 대화형 챗 기능은 단순한 문법 질문을 넘어서 프로젝트 맥락에 맞춘 실질적인 답변을 제공합니다. 예를 들어:Ctrl + L을 눌러 선택한 코드 블록을 바로 대화에 삽입할 수 있으며,AI가 제안한 코드를 Apply 버튼으로 에디터에 즉시 반영할 수 있습니다.또한 Javado.. 2025. 5. 6. 이전 1 2 3 4 5 ··· 7 다음 반응형 LIST
