생각저장소 (배움의길에서 만나는 이야기)

외국인 관광객을 위한 앱 만들기 : Jetpack Compose에서 Google Maps로 실시간 위치 추적 및 야간 모드 적용하기

외국인 관광객을 위한 앱 만들기 : Jetpack Compose에서 Google Maps로 실시간 위치 추적 및 야간 모드 적용하기 Jetpack Compose에서 Google Map을 전면에 표시하고, 실시간으로 위치를 추적하며 지도 카메라를 이동시키고, 야간 모드까지 적용하는 방법을 단계별로 정리합니다.1. Hilt ViewModel에서 위치 실시간 추적FusedLocationProviderClient를 활용하여 위치를 계속 추적합니다:@HiltViewModelclass LocationViewModel @Inject constructor( @ApplicationContext private val context: Context) : ViewModel() { private val fusedLo..

외국인을 위한 한국 여행 가이드 앱 개발 일지 - 위치 권한과 구글맵 화면 구현 (Jetpack Compose + Hilt) 오늘은 Jetpack Compose 기반으로 개발 중인 한국 여행 가이드 앱에서인트로 화면 이후 위치 권한을 요청하고, 구글 지도를 표시하는 메인 화면을 구현했습니다.✅ 오늘 구현한 핵심 기능항목구현 방식위치 권한 요청Accompanist Permissions위치 정보 획득FusedLocationProviderClient (Hilt 주입)지도 표시Google Maps Compose기본 위치 fallback서울 시청 (37.5665, 126.9780)권한 거부 시 안내설정 화면으로 유도 (Intent)상단바 겹침 방지statusBarsPadding() 적용📦 Hilt로 FusedL..

🌍 외국인을 위한 다국어 환영 앱 첫 화면, Jetpack Compose로 구현하기 한국을 방문하는 외국인 여행자들이 보다 따뜻한 인사를 받을 수 있도록, 앱의 첫 화면에서 다양한 언어로 환영 인사를 전하는 기능을 Jetpack Compose로 구현해보았습니다.이 포스트에서는 그 구현 과정을 공유합니다.✅ 프로젝트 개요 목표: 한국을 방문한 외국인에게 친근하게 다가가는 애니메이션 환영 화면 제공 기술 스택: Jetpack Compose, Kotlin 특징: 다국어 환영 인사 애니메이션 각 언어에 해당하는 국기 아이콘 표시 배경으로 한국의 가을 이미지 사용 선택된 언어를 앱의 언어 설정으로 반영 🖼 구현된 주요 화면1. 환영 애니메이션 화면 왼쪽 상단에서 등장하..

외국인 관광객을 위한 맞춤형 길찾기 앱 개발 여정: 기획부터 초안까지안녕하세요! 오늘은 외국인 관광객들이 한국에서 겪는 길찾기의 어려움을 해소하고, 더욱 편리하고 즐거운 여행을 돕기 위한 안드로이드 앱 개발 여정에 대한 이야기를 풀어보려 합니다.평소 한국을 방문하는 외국인들이 대중교통 이용이나 낯선 거리 환경 속에서 길을 헤매는 모습을 보면서, 이들에게 실질적인 도움을 줄 수 있는 앱의 필요성을 절실히 느꼈습니다.📍 문제 인식과 아이디어 구상한국은 매력적인 관광 명소와 편리한 대중교통 시스템을 갖추고 있지만, 외국인들에게는 언어와 문화 차이로 인해 길찾기가 쉽지 않은 경우가 많습니다.특히 복잡한 지하철 노선이나 버스 시스템은 처음 이용하는 외국인들에게 큰 어려움으로 다가올 수 있습니다. 이러한 문제점을..

안녕하세요! 오늘은 Jetpack Compose와 com.afollestad.material-dialogs 라이브러리를 사용하여 비밀번호 입력 다이얼로그를 구현하는 방법에 대해 알아보겠습니다. Jetpack Compose는 최신 Android UI 툴킷으로, 선언형 프로그래밍 모델을 사용하여 UI를 효율적으로 구축할 수 있습니다. com.afollestad.material-dialogs는 다양한 유형의 다이얼로그를 쉽게 만들 수 있게 해주는 라이브러리입니다.  사전 준비먼저, 프로젝트의 build.gradle 파일에 다음 의존성을 추가해야 합니다. dependencies { implementation "com.afollestad.material-dialogs:core:3.3.0" impleme..

Jetpack Compose와 Retrofit을 활용한 번역기 앱 만들기1. 프로젝트 설정먼저, Android Studio에서 새로운 프로젝트를 생성합니다. 그리고 build.gradle 파일에 필요한 종속성을 추가합니다.Gradledependencies { implementation "androidx.compose.ui:ui:1.0.5" implementation "androidx.compose.material:material:1.0.5" implementation "androidx.compose.ui:ui-tooling-preview:1.0.5" implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.3.1" implemen..

Jetpack Compose를 활용한 채팅방 구현 및 MutableStateFlow 사용법 이번 글에서는 Jetpack Compose를 활용하여 채팅방을 구현하고, MutableStateFlow를 사용하여 메시지를 관리하고 정렬하는 방법을 소개합니다. 이 글은 Kotlin과 Jetpack Compose를 이용하여 실시간 채팅 애플리케이션을 개발하고자 하는 분들을 위한 가이드입니다.1. 메시지 데이터 클래스 정의먼저, 메시지 데이터 클래스를 정의하고 타임스탬프 필드를 추가합니다.import java.util.*data class ChatMessage( val message: String, val timestamp: Long = Calendar.getInstance().timeInMillis) 2..

Jetpack Compose를 사용하여 채팅 앱에 음성 입력 기능 추가하기 안녕하세요, 여러분! 오늘은 Jetpack Compose를 사용하여 안드로이드 채팅 앱에 음성 입력 기능을 추가하는 방법에 대해 알아보겠습니다. 음성 입력 기능은 사용자가 텍스트를 입력하는 대신 음성을 통해 메시지를 입력할 수 있도록 도와줍니다.1. 프로젝트 설정우선, 프로젝트의 build.gradle 파일에 필요한 의존성을 추가합니다:Gradledependencies { implementation "androidx.core:core-ktx:1.7.0" implementation "androidx.compose.ui:ui:1.0.5" implementation "androidx.compose.material:mat..

https://developer.android.com/jetpack/compose/bom/bom-mapping?hl=en BOM과 라이브러리 버전 매핑 | Jetpack Compose | Android Developers BOM과 라이브러리 버전 매핑 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 라이브러리 그룹 2022.10.00의 버전 2022.11.00의 버전 2022.12.00의 버전 2023.01.00의 버전 developer.android.com 이글은 인터넷에서 퍼온 글임을 밝혀 둡니다. 개발자 문서를 한글 버전으로 보면 아직 번역이 되지 않았는지 이 정보와는 다르게 이전 버전에 대한 이야기만 나옵니다. 그래서 영어 버전으로 페이지를 열어서 구글 번역기를 돌려..

Jetpack Compose에는 6개의 주요 지연 레이아웃 구성요소가 있습니다. 그 6가지 주요 layout 구현에 대한 이해를 원본 출처를 참고해 배워 보세요. LazyColumn — 세로로 스크롤되는 항목 목록 LazyRow - 가로로 스크롤되는 항목 목록 LazyVerticalGrid - 세로로 스크롤 가능한 요소 그리드 LazyHorizontalGrid - 가로로 스크롤 가능한 요소 그리드 LazyVerticalStaggeredGrid - 높이가 다양한 항목의 세로 스크롤 가능 그리드입니다. LazyHorizontalStaggeredGrid — 다양한 높이를 가진 항목의 가로 스크롤 가능 그리드입니다. https://medium.com/@daniel.atitienei/lazy-layouts-gui..