안녕하세요~ 🎵 오늘은 Android에서 Chip을 사용하는 방법을 정리해보려고 합니다앱을 사용하다 보면 아래와 같은 UI를 종종 볼 수 있습니다이러한 요소를 Chip이라고 부릅니다!이번 글에서는 Chip의 정의와 종류 그리고 구현하는 방법까지 다뤄보겠습니다 🧐 ✏️ Chip이란?🔹 Chip의 정의Chip이란 Material Design 시스템에서 제공하는 UI 컴포넌트로태그, 카테고리, 선택지, 액션 등 작은 정보 단위를 시각적으로 표현할 때 사용합니다 📌 Chip을 사용하면 다음과 같은 장점이 있어요:간결한 정보 표현사용자의 입력/선택 유도공간 절약 🔹 Chip의 종류종류설명예시Assist Chip액션을 보조하는 버튼 형태"주소 검색" 버튼Filter Chip다중 선택 가능한 필터관심사 선택..

안녕하세요! 😊 오늘은 통계청에서 제공하는 단게별 주소 조회 API를 사용하여 주소 선택기를 구현하려고 합니다 프로젝트에서 사용자로부터 정확한 주소 입력을 받아야 하는 상황이 있었고 이를 직접 입력 받는 대신단계별로 선택할 수 있게 선택형 UI로 만들면 더 직관적일 것 같아 SGIS API를 사용하게 되었습니다!✏️ SGIS 주소 API 사용 방법🔸 SGIS API 사용 개요SGIS Developers에서 제공하는 공공 API 단계별 주소 조회 API를 사용하였습니다이 API를 통해 시/도 → 시/군/구 → 읍/면/동 단위로 주소 정보를 불러올 수 있습니다💡 초기 설정 및 테스트는 아래 블로그 참고! [Flutter] 공공 API로 주소 검색 & 주소 선택기 만들기 (BLoC)공공 API로 주소..

이전에 xml로 구현했던 프로젝트를 compose로 리팩토링하게 되었다리팩토링을 진행하면서 이전에 xml로 구현했던 요소들을 compose로 바꾸는게 흥미롭기도 어렵기도 했는데오늘은 그 중에 ViewPager를 Compose에서 어떻게 구현하는지 작성해보려고 한다! 🧐 ✏️ Compose에서 ViewPager 구현하기Compose에서는 기존의 Viewpager 대신에 HorizontalPager와 VerticalPager를 사용한다가로 스크롤 ➡️ HorizontalPager세로 스크롤 ➡️ VerticalPager이번 포스팅에서는 HorizontalPager를 중심으로 다룰 예정이다 ✏️ HorizontalPager 기본 사용법HorizontalPager를 사용하려면 우선 pagerState가 필요하..

로컬 저장소는 네트워크와 무관하게 데이터를 저장하는 공간이다대표적으로 SQLite와 Room이 있고 이 두가지 방식의 차이점과 사용법을 정리해보려고 한다 🧐 특정 기능에 대해서만 궁금한 사람들은 목차를 클릭해서 빠르게 확인해보시길!✏️ 로컬 저장소란?들어가기에 앞서 로컬 저장소가 뭔지 헷갈린다면 이해하고 넘어가보자로컬 저장소는 네트워크 서버가 아닌 디바이스에 데이터를 저장하는 공간을 의미한다디바이스에 저장하기 때문에 네트워크 연결 여부와는 관계 없이 사용할 수 있다 ✏️ SQLiteSQLite는 안드로이드에 내장된 데이터베이스로 구조화된 데이터를 저장할 때 사용한다직접 SQL 쿼리를 작성해야하는 번거로움이 있다현재는 Room을 자주 사용하지만 이전에는 SQLite가 기본 옵션이었다!SQL 문법을 사용해..

화면 간의 이동은 앱을 개발할 때에 핵심적인 내용이기 때문에 Navigation에 대해 다뤄보려고 한다 😇 navigation의 주요 구성 요소인 NavHost, NavController에 대해 알아보자! ✏️ NavHost앱 내에서 경로(화면 간의 이동 구조)를 정의하는 컨테이너 역할NavHost()를 사용한다NavHost(navController = navController, startDestination = "home") { composable("home") { HomeScreen() } composable("details") { DetailsScreen() } } ✏️ NavController화면 이동을 수행하는 핵심 컨트롤러rememberNavContro..

안드로이드 스튜디오에서 새로운 프로젝트를 생성하면 Scaffold라는 컴포저블이 기본적으로 설정되어 있다class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { MyApplicationTheme { Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding -> Greeting( ..

Jetpack Compose를 학습하면서 remember와 mutableStateOf를 자주 사용하는데 둘의 역할이 헷갈려 정리해봤다 🤓 우선 Jetpack Compose는 선언형 UI를 작성하는 방식으로기존의 XML 기반 UI 작성법과는 달리 상태가 변할 때마다 리컴포지션이 일어난다는 특징이 있다리컴포지션이 발생할 때마다 컴포넌트 내부의 변수들이 초기화되기 때문에 이전 상태값을 기억하기 위해 remember와 mutableStateOf를 사용한다** 리컴포지션(recomposition): Compose가 상태 변경을 감지하고 해당 상태와 관련된 UI만 다시 생성하는 것✏️ remember와 mutableStateOf의 역할🔸 remember리컴포지션이 발생해도 상태를 기억하도록 도와주는 키워드Com..