오늘은 Room을 사용해 로컬 데이터베이스를 만드는 방법에 대해 알아보겠습니다. 🎯 Room 데이터베이스 만들기- 의존성 설정Room을 사용하기 위해서는 라이브러리를 프로젝트에 추가해주어야 합니다. 먼저 버전 카탈로그 파일에 아래 코드를 추가하고 Sync Now를 눌러 동기화합니다.// libs.versions.toml[versions]room = "2.7.1"[libraries]// ...room-runtime = { group = "androidx.room", name = "room-runtime", version.ref = "room" }room-ktx = { group = "androidx.room", name = "room-ktx", version.ref = "room" }room-compil..

안녕하세요. 화학공학 전공이지만 개발에 도전한 대학생입니다. 시작은 웹일대기를 장황하게 풀어보자면, 처음에 웹으로 개발에 도전했었지만 html과 css 잠깐 작성해 보고 이건 아니다 싶어 도망쳤습니다.. 재미를 못 느끼기도 했고, 프레임워크 종류가 얼마나 많던지 엄두가 안나더군요;; (최소 몇 가지는 사용할 줄 알아야 된다고 유튜브서 그랬었음!) 그렇게 웹과 빠른 이별 후, 유튜브의 안드로이드 강의 영상을 3강까지였나 따라 해 보다가....그냥 지피티한테 만들어달라고 했습니다. 첫 번째 앱지피티와 함께 첫 번째로 만들어본 앱은~~ 유튜브 재생목록 공유 앱이었습니다.(잘못된 시작) 유튜브 재생목록을 공유하고 추천하는 기능과 전체 랭킹 시스템을 만들어보려 했었지만, 개발 초보에게는 많이 어려웠습니다. 서버..

아래 글의 업데이트 버전이다.2024.04.29 - [Jetpack Compose] - Jetpack Compose로 Drag and Drop(드래그로 순서 변경) 기능 만들기 Jetpack Compose로 Drag and Drop(드래그로 순서 변경) 기능 만들기※ 업데이트된 버전을 사용하는 것을 추천합니다.2025.04.18 - [Jetpack Compose] - [Jetpack Compose] Reorderable List 만들기 [Jetpack Compose] Reorderable List 만들기아래 글의 업데이트 버전이다.2024.04.29 - [Jetpack Composdevelopuzzle.tistory.com 해당 글에서는 드래그 앤 드롭이라고 했었지만 컴포즈에 별도의 드래그 앤 드롭(D..

Compose의 NavigationBar(전 BottomNavigation)에는 Floating Action Button(FAB)가 없다. 따라서 위의 사진처럼 중앙 버튼이 위로 이동한 형태의 내비게이션 바를 만들기 위해서는 커스텀이 필요하다. 코드 설명Scafflod의 FAB를 사용해 제작할 수 있는데 Scafflod의 FAB는 bottomBar 파라미터 위에 별도로 그려지기 때문에 bottomBar에서 해당 공간을 마련해야 한다.Scaffold( bottomBar = { 중앙에 공간 필요 }, floatingActionButtonPosition = FabPosition.Center, floatingActionButton = { Box( contentA..

Navigation Bar Indicator 사용화면참고로 필자가 사용한 방법은 내비게이션 아이템의 너비가 모두 동일할 때만 사용할 수 있다. 각 아이템의 너비가 달라도 사용할 수 있는 방법은 추후에 별도의 글을 작성 후 추가할 예정이다. 코드 설명- 클래스sealed class Screen( val route: String, val label: String, val selectedIcon: Int, val unselectedIcon: Int) { object HomeScreen: Screen("home_screen", "홈", R.drawable.ic_home_filled, R.drawable.ic_home) object ListScreen: Screen("stash..

Color Picker 시작하며앱 기본 색상 설정화면과 아이템 항목별 배경색 설정을 위해 컬러 피커가 필요해져 몇 개의 라이브러리를 찾아보았는데 기능적으로는 괜찮았지만 디자인 커스텀을 하기 어려워 직접 만들어보았다. 디자인이 마음에 든다면 그대로 사용해도 좋고 필자처럼 본인이 직접 만들고자 하는 사람은 동작 원리를 참고해 직접 커스텀하면 된다. 사용 화면- 첫 번째 영상을 보게 되면 원형 팔레트에서 색상과 채도를 함께 설정하고 그 아래에 있는 두 개의 슬라이더를 통해 각각 명도와 투명도를 조절하게 된다. - 두 번째 영상을 보게 되면 상단의 ARGB값을 수정해 색상을 직접 입력할 수도 있는데 먼저 ffaaggnn는 존재하지 않는 컬러라서 없다는 표시가 뜨게 된다. 다음으로 ffabab는 ARGB 형식..