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

Jetpack Compose + Firebase 기반 게시판 앱 개발기

Jetpack Compose + Firebase 기반 게시판 앱 개발기 이 글은 Jetpack Compose, Firebase Realtime Database, Hilt, Compose Destinations를 기반으로 한 게시판 앱 개발 과정을 정리한 것입니다. 게시글은 최근순으로 표시되며, 댓글 기능도 포함합니다.1. 프로젝트 구성KotlinJetpack ComposeFirebase Realtime DatabaseHilt (DI)Compose Destinations (Navigation)2. 게시글 리스트 화면Firebase에서 게시글 데이터를 읽고, 최근 등록순으로 보여줍니다.LazyColumn( reverseLayout = true // 최신 글이 위로) { items(posts) { ..

Jetpack Compose + Firebase + Google Maps 완벽 가이드 이 글은 Jetpack Compose를 활용하여 Firebase Realtime Database 및 Google Maps, WebView를 사용하는 앱을 개발하면서 겪었던 문제들과 그 해결법을 정리한 개발 노트입니다. 1. Firebase에서 반경 필터링Firebase Realtime Database는 위치 기반 검색을 기본 제공하지 않기 때문에, 클라이언트에서 위도/경도를 기준으로 거리 계산을 해야 합니다.▶ 거리 계산 함수 (Haversine Formula)fun haversine(lat1: Double, lon1: Double, lat2: Double, lon2: Double): Double { val R =..

Jetpack Compose로 DropDown과 카테고리 버튼 UI 만들기 이 글에서는 Jetpack Compose로 드롭다운 메뉴를 만들고, JSON 형태의 카테고리 데이터를 3x3 버튼 그리드 형태로 화면에 표시하는 방법을 정리합니다.🟡 1. DropDown (Spinner 형태) 버튼 만들기아래는 Compose의 DropdownMenu를 이용하여 간단한 드롭다운 UI를 구성하는 예시입니다.@Composablefun SimpleDropdownMenu( options: List, onOptionSelected: (String) -> Unit) { var expanded by remember { mutableStateOf(false) } var selectedOption by re..

외국인 관광객들은 한국에 와서 어떻게 여행 정보를 얻을까? 외국인들은 한국에 도착한 이후, 모바일 중심의 실시간 정보 검색과 탐색을 통해 여행을 즐깁니다. 아래는 주요 정보 탐색 수단과 흐름입니다.1. 지도 앱 (Google Maps, 네이버 지도, 카카오맵)Google Maps: 영어권 사용자 (미국, 필리핀 등)네이버지도 / 카카오맵: 일본, 대만, 중국 관광객도 많이 설치주요 기능: 길찾기, 별점/리뷰, 맛집/카페 탐색2. SNS 검색 (Instagram, TikTok, 小红书, YouTube)감성 장소 탐색에 최적해시태그 검색 예시:#seoulcafe, #홍대맛집, #韓国旅行, #เที่ยวเกาหลี짧은 영상/사진 콘텐츠로 빠르게 탐색 가능3. 여행자 커뮤니티 / 오픈채팅Reddit (r/Kor..

📍 Jetpack Compose + ARCore + Google Maps로 위치 기반 AR 구현하기 ARCore의 Geospatial API는 GPS 좌표와 같은 실제 세계의 위치를 기준으로 가상 객체를 배치할 수 있는 기능을 제공합니다. 본 게시물에서는 Jetpack Compose와 Google Maps Compose를 활용해 지도와 AR 콘텐츠를 동시에 표시하는 방법을 소개합니다.💡 이 예제는 관광지 안내, 실외 AR 내비게이션, 위치 기반 게임 등에 활용할 수 있습니다.1️⃣ 프로젝트 구성 및 의존성 추가build.gradle.kts에 다음 라이브러리들을 추가합니다.dependencies { implementation("com.google.maps.android:maps-compose:4...

외국인 관광객을 위한 앱 만들기 : 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. 환영 애니메이션 화면 왼쪽 상단에서 등장하..

앱의 첫 화면은 외국인 여행자가 직관적으로 사용할 수 있도록 간결하면서도 유용한 정보를 제공해야 해요. 아래와 같은 방식으로 구성하면 좋을 것 같아요!1. 환영 화면 (Splash Screen)앱 로고 및 간단한 환영 메시지 (예: “Welcome to Seoul! Let’s explore with ease.”)배경 이미지는 명동의 대표적인 랜드마크 또는 친근한 디자인2~3초 후 메인 화면으로 자동 이동2. 메인 화면 (Home Screen)실시간 길 찾기 버튼 (GPS 기반 ‘현재 위치에서 목적지 찾기’ 기능)번역 기능 바로가기 (음성 및 텍스트 번역을 위한 빠른 액세스 버튼)추천 장소 (현재 위치 기반 인기 관광지 및 음식점 추천)긴급 도움 요청 (현지 도움을 받을 수 있는 기능)탐색 바 (카테고리별..

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