본문 바로가기
반응형

전체 글362

onEach vs onStart 비교 정리 # Kotlin Coroutine Flow 오늘은 Kotlin Coroutine Flow의 onEach 와 onStart 에대해서 정리해 보도록 하겠습니다. 1. onEach flow 에서 아이템이 흘러나올 때 마다, 실행하도록 해야하는 코드가 있다면, 이 연산자를 사용하는 것이 좋습니다. upstream 즉 위의 flow 에서 흘러나오는 값을 그대로 전달해 주기 때문에, 흘러나가는 데이터에는 영향을 주지 않습니다. 코드를 보면서 이해해 보도록 하겠습니다. val flow = flowOf(1, 2, 3, 4, 5) flow .onEach { item -> println("Item emitted: $item") } .map { item -> item * 2 } .collect { result -> println("결과: $result") } 2023. 5. 3.
Row 와 Column 의 Arrangement 와 Space # Jetpack Compose 오늘은 Jetpack Compose 의 UI배치를 결정하는 Arrangement 에 대해서 정리해 보도록 하겠습니다. 그 중에서도 Row와 Column의 Space를 중심으로 정리해 보려고 하는데요. 이 Space를 이해하고 있으면 UI 배치를 하기가 쉬워지기 때문입니다. 1. Row 와 Column 의 Space에 관한 3가지 Row를 사용할 때, 가로 배열에 대한 부분에 대해서는 아래와 같이 사용하는 코드를 보신적이 있을 텐데요. 아래에서는 SpaceBetween 을 이용해서 Column과 Box를 각각 왼쪽과 오른쪽에 위치시켰습니다. 왜 그런지, SpaceBetween, SpaceAround, SpaceEvenly 를 보면서 이해해 보도록 하겠습니다. Row( horizontalArrangement.. 2023. 5. 2.
Destructuring declaration 에 대해 알아보자 # 구조분해 선언 Kotlin 오늘은 Destructuring declaration 에 대해서 정리해 보도록 하겠습니다. 1. Destructuring declaration 한국말로는 구조파괴 또는 분해 선언이라고 할 수 있는데요. 단 한줄로, 객체의 여러 프로퍼티들을 한번에 선언하게 해주는 문법입니다. 코드가 짧아지고, 가독성도 향상됩니다. 2. 구현 2-1. 구현준비 실제로 코드로 보면서 이해하는 것이 빠를텐데요. 다음과 같은 간단한 Student 클래스가 있다고 가정해 보겠습니다. data class Student(val name: String, val age: Int) 이제 위의 데이터 클래스로 객체를 아래와 같이 만들어줍니다. val student = Student("Ive Shim", 23) 2023. 5. 1.
Kotlin Escape 에 대한 정리 # RawString Escaped String Literal 오늘은 Kotlin 의 String Literal 에서 사용되는 Escape 규칙에 대해서 정리해 보겠습니다. 1. Escape Kotlin String Literal 에서 Escape는 "\" 를 이용해주면 되는데요. 원래는 그냥 사용하면 제대로 전달이 안되지만, 아래와 같이 사용해주면 그대로 전달될 수 있습니다. 특히나 따옴표(Single Quote)나 쌍따옴표(Double Qoute) 같은 경우 꼭 알아두어야 합니다. 기호 의미 \" Double quote \' Single quote \\ Backslash \n Newline \r Carriage return \t Tab 2023. 4. 30.
Android Default Font 지정하는 방법 정리 # Theme Jetpack Compose 요즘 개발하는 앱들은 Custom 폰트들을 적용하는 경우가 많은데요. Android 개발하면서 매번 폰트를 지정하는 일은 매우 비효율적인 일입니다. 오늘은 Android 의 Jetpack Compose 에서, Default font를 지정하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Custom 폰트 저장 가장 먼저 default 로 지정할 font 를, font 폴더에 저장해 주어야 합니다. 먼저, 아래와 같이 New> resource directory를 선택해서 폰트를 넣을 디렉토리를 선택해 주구요. 2023. 4. 30.
Kotlin GroupBy 구현과 정리 # List 그룹핑 오늘은 Kotlin의 GroupBy 에 대해서 정리해 보겠습니다. 1. GroupBy API 우선 해당 API의 코드를 가볍게 보고 가도록 하겠습니다. 아래에서 보듯이 GroupBy는 Iterable 타입의 collection 에서, 전달되는 특정한 기준을 Map의 Key값으로 해서, 그에 해당하는 데이터들을 List로 묶어서 Value에 넣어줍니다. 2023. 4. 28.
getOrNull 과 getOrElse 에 대한 정리 # List Kotlin Kotlin에는 편리한 함수들이 정말 많은데요. 오늘은 Kotlin 의 getOrNull 과 getOrElse 에 대해서 정리해 보도록 하겠습니다. 1. getOrNull () 과 getOrElse() 1-1. getOrNull 주어진 Index에 대해서 엘리먼트가 있으면 반환해주고, 해당 index가 범위내에 없으면 null 을 반환해 주는 Kotlin Collections 의 list 입니다. 2023. 4. 28.
IconButton Ripple Effect 구현 # Jetpack Compose 기존 XML 의 ImageButton 유아이에 대응되는 것이 바로 IconButton 인데요. 오늘은 이 버튼에 Ripple Effect주는 방법에 대해서 정리해 보도록 하겠습니다. 1. IconButton 에 Ripple Effect 주기 1-1. Indication XML 에서는 ImageButton으로 구현하였던 것들은 대부분 IconButton 으로 변환할 수 있는데요. 먼저 코드를 보겠습니다. 핵심적인 부분이 바로 Modifier.Indication() 부분인데요. Visual Effect 를 그려주는 부분이 됩니다. IconButton( onClick = {}, modifier = Modifier .size(40.dp) .indication(interactionSource, ripple) ){.. 2023. 4. 28.
SharedPreference 로 간단한 데이터 저장하기 # Android 안드로이드 개발을 하면서 간단한 key-value 형태의 값들을 앱안에 저장할 때가 있는데요. 예를 들면, 앱의 글자 크기설정, 알람 온오프 같은 값입니다. 그런데, 이럴때마다 DB를 사용하는 것은 너무나 무거운 일인데요. SharedPreference를 사용하면 좀더 가볍고, 쉽게 해결할 수 있습니다. 1. SharedPreference 는? SharedPreference는 비교작 작은 크기의 키-밸류값을 읽고 쓸수 있도록 Android Framework에서 제공해주는 기능입니다. 위에서 애기한것처럼, 설정 값등을 저장 하는데 많이 사용 하구요. 경우에 따라서 private하게 사용하거나, share될 수 있도록 할 수 있습니다. 2. SharedPreference 초기화 먼저 SharedPrefere.. 2023. 4. 27.
다른 Origin 에서 들어오는 route 에 대한 처리 방법 # Jetpack Compose Navigation 오늘은 각각 다른 origin(출발지)에서 공유되는 Screen 으로 route가 들어오는 경우, 그것의 처리 방법에 대해서 정리해 보도록 하겠습니다. 1. 큰 그림 각각 다른 Origin에서 들어오는 경우의 생각해야 할 문제점은, 다른 UI에서 각각 다른 데이터를 들고 들어온다는 것 입니다. 이것은 origin 별로 다르게 데이터를 처리해서 보여주어야 한다는 것을 의미합니다. 이 문제를 해결하기 위한 방법은 여러가지이겠지만, 다음과 같은 방법이 있을 수 있겠네요. 우선은 isFromXXOrigin 이라는 boolean 을 route의 argument 로 받아서, 그것을 보고 각기 다르게 처리하는 방식이구요. 다른 하나는 Sealed Class를 사용해서 route를 구분해서 받는 것 입니다. isFro.. 2023. 4. 27.
Kotlin Pair 와 Map 함수 이용해서 데이터 가공하기 오늘은 Kotlin 에서 Pair()와 Map() 함수를 이용하는 방법에 대해서 정리해 보겠습니다. 1. Pair 데이터 먼저 아래와 같은 Pair()객체를 list 에 여러개 있다고 가정해 보겠습니다. val testList = listOf(Pair("one", 1), Pair("two", 2), Pair("three", 3)) 참고로 to 키워드를 사용하면 Pair()생성자 형태를 사용하지 않고도 Pair 객체를 만들수 있습니다. Kotlin에 있는 infix함수라는 개념인데, 보통 사용하는 점(.)이나 괄호() 를 사용하지 않고 함수를 호출하게 해줍니다. val testList = listOf("one" to 1, "two" to 2, "three" to 3) 2023. 4. 26.
TopAppBar 공유하는 방법 정리 # Jetpack Compose 오늘은 Jetpack Compose UI에서 사용하는, TopAppBar를 여러Screen에서 공유하는 방법에 대해서 정리해 보겠습니다. 1. TopAppBar 여러 Screen에서, 상단의 TopAppBar를 공유해야 한다면, Composable Function 을 작성한 후에, Scaffold에 전달해 주면 됩니다. 먼저, 아래에서는 SharedTopAppBar라는 Composable 함수를 만들었습니다. @Composable fun SharedTopAppBar( title: String, onMenuItemClick: (MenuItem) -> Unit, menuItems: List ) { TopAppBar( title = { Text(text = title) }, actions = { menuIte.. 2023. 4. 25.
Room DB 에서 검색 구현하기 # Like ExactMatch SQL 오늘은 RoomDB에서 검색하기를 구현하는 방법에 대해서 정리해 보겠습니다. entity, dao 등 RoomDB에 관한 기본적인 내용은 아래 글을 참조해 주세요. >> Room DB 사용방법 총정리 # Android SQLite 1. 검색을 위해 준비한 데이터 검색을 구현하기 전에 먼저 데이터가 저장되어 있어야 하는데요. 아래와 같이 아주 간단한 데이터가 있다고 가정해 보겠습니다. 표에는 안적혀 있으나, Database명은 "student" 로 하였습니다. studentId Name 1 Aileen lee 2 Eyenie park 3 Ive Kim 2. 검색을 위한 DAO 작성 2-1. 단순한 like 검색 위의 데이터에서 이름으로 학생데이터를 검색하기 위해서는 아래와 같이 Dao를 작성해 주어야 합니.. 2023. 4. 24.
mutableStateOf 와 MutableStateFlow 비교 총정리 # collectAsState Jetpack Compose UI의 중심에 있는 Concept가 State 인데요. mutableStateOf 와 MutableStateFlow를 이용하면, mutable (가변)의 State 값을, 관찰해서 값의 변화에 따라 UI 나 혹은 다른 로직의 변형을 줄 수 있습니다. 오늘은 이 둘의 차이에 관해서 정리해 보겠습니다. 1. mutableStateOf mutableStateOf에 관해서는 공식문서에 자세히 설명이 되어있는데요. 관찰될 수 있는 MutableState를 생성해주는데, 이 타입으로 된 값이 변경될 때마다, 컴포저블이 다시 recompose 되도록 한다고 되어있습니다. 즉, 값에 따라서 Composable UI의 변경을 주어야 할 때 사용하기에 적합합니다. 사용방법은 아래와 같은데요. .. 2023. 4. 23.
VisualStudio Code 자주쓰는 맥 단축키 정리 # VSCode 오늘은 Visualb Studio Code 에서 자주 사용되는 단축키에 대해서 정리해 보겠습니다. 1. Rename Symbol 변수명이나 함수명을 한번에 바꿀 때 사용하는 단축키 입니다. >> F2 2. Primary SideBar Toggle VisualStudio 에서 가르키는 SideBar는 아래 이미지의 왼쪽 부분을 말하는데요. 파일등의 이동이나 생성시에 사용하게 되구요. 확장프로그램설치할 때도 사용합니다. 코딩할 때는 닫았다가, 파일생성등을 할 때는 아래 단축키로 닫으면 편합니다. >> Command + B 2023. 4. 23.
공유되는 Route 의 Navigation 구현방법 # Jetpack Compose Jetpack Compose의 Navigation을 사용할 때, 페이지가 교차되는 Route 가 존재하는 경우가 생기게 되는데요. 오늘은 이런 교차되는 혹은 공유되는 Route 의 구현 방법에 대해서 정리해 보도록 하겠습니다. 다만, 이 글은 Jetpack Compose 의 Navigation의 기본 구현방법에 대해서는 다루지 않습니다. 1. 큰 그림 다음과 같은 형태의 NavigationGraph 가 있다고 가정해 보겠습니다. Main페이지에는 Home과 Profile 이 존재하는데, 둘다 같은 Settings로 routing 되어야 합니다. Home -> Settings Profile -> Settings 2023. 4. 22.
getLaunchIntentForPackage 로 다른 앱을 실행 하는 방법 # query Android 11 오늘은 안드로이드 앱에서 다른 앱을 launch 시키는 방법을 정리해 보도록 하겠습니다. 1. Query Manifest 적용 Android11(API30)이 발표된 이래로, 앱내에서 다른 앱을 실행하는 경우 Manifest에서, 다른 앱에 대한 패키지 명을 명시해 주어야만 합니다. 예전에는 없었던 작업이므로, 간혹 오래된 앱들은 이것이 선언되지 않아서, 기능이 작동하지 않을 수 있습니다. 혹시 잘 되던 기능이 않되고 있다면 이 부분을 체크해 주어야 합니다. manifest 에 선언하는 것이므로, Enum 클래스를 사용할 수 없습니다. 하드코딩해야 하므로, 테스트를 반드시 해 주어야 합니다. ... ... 2023. 4. 20.
NodeJS Import 방법 정리 # CommonJS ES 오늘은 Nodejs에서 사용되는 import 을 정리해 보도록 하겠습니다. 그중에서도 가장 오랫동안 사용되어온 CommonJS의 모듈화 방식과, 최신의 ES방식에 대해서 정리해 보도록 하겠습니다. 먼저 CommonJS의 방법을 정리해 보도록 하겠습니다. 1. CommonJS 1-1. export 예를 들어, 프로젝트의 폴더에서 /util 폴더에 아래와 같이 코딩하고, hello.js 파일을 만들었다고 가정해 보겠습니다. export 할 변수명이나 함수명을 module.exports = 다음에 넣어주면 됩니다. function hello(name) { return `Hello World, I'm, $name`; } module.exports = hello; 2023. 4. 19.

티스토리툴바