quite a bit 🐹

user-img

quite a bit

follow-img

#Memo

Jetpack Compose

[Android Compose] TextField에 placeholder 넣기

How to set placeholder on TextField in Jetpack Compose 기존 xml을 이용한 안드로이드 코드에서는 EditText에 placeholder를 주는 건 간단했습니다.xml 안에 android:hint 를 이용하거나 코드상에서 editText.setHint()로 원하는 placeholder값을 넣어주면 됐죠. 컴포즈에서는 간단하게 TextField 안에 decorationBox를 이용하여 placeholder를 넣어줄 수 있습니다.var input by remember { mutableStateOf("") }Box( contentAlignment = Alignment.Center, modifier = Modifier.fillMaxSize()) { BasicTextF..

Jetpack Compose

[Android Compose] TextField Focus 주기

How to request focus on TextField in Jetpack Compose 컴포즈에서는 FocusRequester를 통해 TextField에 포커스를 줄 수 있습니다.Modifier.focusRequest()에다가 FocusRequest 변수를 생성해 넣어줌으로써해당 위젯에 포커스를 이래라 저래라 하는 요청을 보낼 수 있습니다.val focusRequester = remember { FocusRequester() }var value by remember { mutableStateOf("hello") }TextField( value = value, onValueChange = { value = it }, modifier = Modifier.focus..

Jetpack Compose

[Android] Jetpack Compose Navigation 적용해서 화면 이동하기

안드로이드에 Compose로 구현한다면화면 이동할 때도 Compose Navigation을 써줘야 하지 않겠습니까? 아래와 같은 상황들에서 적용할 수 있는 예시를 적어보고자 합니다.1. 화면 이동하기2. 인자 전달하기2-1. String 타입 이동2-2. 커스텀 데이터 모델 (Parcelable 타입) 이동 우선 build.gradle(app)에 아래 dependency 추가가 필요합니다.dependencies { def nav_version = "2.6.0" implementation "androidx.navigation:navigation-compose:$nav_version"} 최신 버전은 공식문서에서 확인할 수 있습니다.https://developer.android.com/jetpack..

AWS EC2에 Flask 배포하기 (MySQL, FileZilla)

AWS EC2에 Flask 서버를 배포해보았습니다.쉽지 않았습니다.(당연함 한번도 안해봄) 우선 저에게 주어진 건ec2-*-**-*-**.ap-northeast-2.compute.amazonaws.com 서버 주소와ppk 키페어 파일뿐이었습니다.(콘솔 접근도 못했음,,) aws에서 인스턴스를 생성하고 ~ 이런 부분은 다 넘어가고 이 상황에서부터 시작해보겠습니다. [ 목차 ]1. ppk to pem2. aws ec2 서버 접속3. FileZilla Client 설치4. FileZilla로 코드 파일 업로드5. flask 실행6. port 설정7. mysql 설치 및 접속8. mysql 사용자 추가 및 데이터베이스 생성9. flask에서 mysql 연결10. 백그라운드 실행 ** 개발 환경 **- Mac ..

[Android] 이미지 파일(binary string) 받아서 Compose로 띄우기

API 문서에서 Response값이 string..Media type이 image/png 일 때..어떻게 하시나요..? 두부고백하자면,, 그동안 json 응답값만 처리했어서 string만? 띠용? 😮살짝 감이 안와서 postman까지 돌려봤는데 리얼루 이미지 파일이 온거 보고눈물의 삽질을 했습니다.. 개발 환경은 다음과 같습니다.Retrofit2 2.9.0okhttp3 4.11.0원래 (json 응답값)라면,@POST("transform") suspend fun request( @Part("type") type: RequestBody, @Part img: MultipartBody.Part, ): Response Response 값으로 받아서 → apicall 받는 ..

[Android] Retrofit MultipartBody로 POST보내기

API 문서를 받았는데 Request가 이렇게 되어있다면, 우리는 Multipart 데이터로 보내줘야 합니다.그냥 @Body 아냐? 평소처럼 Json으로 보내야지~ 했다가는422 Unprocessable Entity 에러만 받을 수 있습니다..어떻게 알았냐구요? 저도 알고 싶지 않았어요… 개발 환경은 다음과 같습니다.Retrofit2 2.9.0okhttp3 4.11.0POST로 호출하며,Request Body는 type: String, img: String($binary)가 요구되는 상황입니다. Api Interface 코드는 아래와 같이 작성하였습니다.@Multipart@POST("transform") suspend fun request( @Part("type") type: Req..

카카오 챗봇 5초 타임아웃, 콜백 응답으로 해결하기

카카오 챗봇을 본인의 서버(스킬서버)로 통신하고자 하는데카카오 챗봇의 타임아웃은 5초입니다.. 심지어 이 타임아웃 시간은 변경하지 못한다고 오피셜에서도 못박아두고 있어요. 그런데 여기에 콜백 기능을 제공해주고 있다고 써있죠?콜백 기능이 5초의 타임아웃을 보완해줄 수 있는 기능입니다 ! 삽질을 좀 했는데 제가 알아낸 이 콜백 기능에 대해 적어보려고 해요😀 먼저, 카카오 챗봇에서 제공하는 콜백 기능은5초 이내 답변이 불가능한 경우, 지연 메세지(예. 잠시만 기다려주세요)를 보내고 1분 이내로 1건의 응답을 보낼 수 있는 기능입니다. 이 콜백 기능을 사용하려면 AI 챗봇 전환을 해야하는데, 이 AI 챗봇 전환은 신청해주어야 합니다. 그렇게 비즈니스적으로 상세하게 작성하지 않아도 이상해보이지 않으면 승인되는..

Android Compose 스터디 기록 03

Material Design디지털 인터페이스를 만들기 위한 포괄적인 디자인 시스템Color, Typography, Shape 등@Composablefun MaterialTheme( colors: Colors, typography: Typography, shapes: Shapes, content: @Composable () -> Unit) val customTextSelectionColors = TextSelectionColors( handleColor = colorResource(id = R.color.primary100), backgroundColor = Color(0xFF4286F4).copy(alpha = 0.4f))CompositionLocalProvider(L..

Android Compose 스터디 기록 02

Modifierimage size, padding, background, round image, click event 처리 가능@Composablefun Greeting(name: String) { Text( text = "Hello $name!", modifier = Modifier.onGloballyPositioned { android.util.Log.i("TEMP", "size ${it.size}") } )}onGloballyPositioned를 이용하여 view의 크기를 구할 수 있음 Slot APIs사용자 정의 레이아웃을 가져오기 위해 Compose가 도입한 패턴@Composablefun MyApplicationTheme( content: @Composable () -> Unit)매개..

티스토리툴바