안녕하세요. 오늘은 WebView를 구현한 앱에서 발생하는 이상한 오류에 대해 알아보고 어떻게 해결해야 하는지 짧게 알아보려고 합니다. WebView Crash? 최근 앱에서 PlayStore에 알 수 없는 Crash 제보가 수십 건 올라오기 시작했습니다. 위 사진이 제보되던 Crash의 스택 트레이스입니다. 처음에는 생소한 단어들과 처음 보는 클래스 이름 때문에 원인을 특정하기 어려웠으나 곧 WebView 내부에서 발생하는 Crash라는 것을 알게 되었습니다. WebView Crash 재현하기 위 오류는 WebView Render Process 과정에서 발생한 Crash입니다. 오류를 하기 위해서는 재현 경로를 알아야 하는데요. 다행히도 Rendenr Process에서 Crash가 발생하도록 하는 재현..
안녕하세요 점냥입니다 :) 요즘 특정 화면을 WebView로 대체하는 경우가 종종 생기고 있어요. 실제로 앱 개발자의 역할은 대부분 올바른 URL을 설정해 주고 간단한 기본 설정을 해주면 됩니다. 그런데 만약 WebView에서 유튜브 영상 또는 비디오를 보여주고 싶다면 추가적으로 앱 개발자가 해줘야 하는 설정이 있어요. 한번 알아보러 가실까요? 문제 상황 @SuppressLint("SetJavaScriptEnabled") @Composable fun YouTubeInWebViewScreen() { val state = rememberWebViewState("https://www.youtube.com/embed/OK986vgCMs8") WebView( state = state, modifier = Modi..
안녕하세요. 오늘은 Gradle 버전 카탈로그에 대해 간단히 알아보려고 합니다! Gradle 버전 카탈로그는? Gradle 버전 카탈로그는 멀티 모듈 프로젝트에서 의존성을 쉽게 공유하고 쉽게 관리할 수 있는 Gradle의 기능 중 하나입니다. 사실 최근에 추가된 기능은 아니고 Gradle 7부터 지원을 시작했다고 해요. extesion이나 buildSrc를 통해 의존성 버전을 관리해 오다가 최근 nowInAndroid에서 버전 카탈로그를 사용하는 것을 보고 관심이 생겨 알아보게 되었습니다 사용 방법 버전 카탈로그는 Gradle 파일에서 versionCatalog 함수에서 library, plugin 등 을 직접 정의해서 사용할 수 있지만, 제가 찾아보았던 대부분 Android 예제에서는 toml 파일을 ..
안녕하세요 점냥입니다 :) 오늘 소개할 Radius는 Android UI를 구현해 보신 경험이 어느 정도 있다면 익숙한 개념이라고 생각합니다. View를 원형 혹은 둥근 모서리를 가진 사각형으로 표현하고 싶을 때 사용하는 속성입니다. 그런데 이 Radius의 원리에 대해 알고 있으신가요? Radius는 뷰 각 모서리에서 굴절률을 표현하는 원의 반지름으로 사용됩니다. 위 사진은 100dp의 크기인 사각형에 radius를 25dp로 적용했을 때 모습인데요. 각 모서리에 주어진 반지름의 원을 그려 외곽 모서리를 각 원에 맞춰져 잘리면서 그려지게 됩니다. SDK 따라서 다르게 표현되는 Radius Android 개발을 하다가 낮은 버전에서 원형의 Shape가 고구마처럼 깨진 경험이 있으신가요? Radius의 원..
오늘 우연히 옆자리에 같이 있는 iOS 개발자분과 앱 인터렉션에 대해서 이야기를 나누는 도중 연락처를 불러오는 기능이 올바르게 동작하고 있지 않는다는 것을 알게 되었어요. (눈물...) val intent = Intent(Intent.ACTION_PICK).apply { data = ContactsContract.CommonDataKinds.Phone.CONTENT_URI } if (intent.resolveActivity(packageManager) != null) { startActivity(intent) } 위 코드는 기기 내에 설치된 연락처 앱을 실행시키는 코드입니다. Android 10 이하에서는 정상 동작하는 것을 확인할 수 있지만 Android 11 버전에서는 아무일도 일어나지 않는 것을 확..
Fatal Exception: java.lang.IllegalStateException ScrollView can host only one direct child Snackbar란 안드로이드에서 사용자에게 메시지를 보여주는 기능이에요. Toast라는 비슷한 기능도 있긴 한데 ㅎ 제가 다니고 있는 회사에서는 Snackbar를 자주 사용하고 있어요. 그런데 위에 적힌 Exception이 가끔 제보가 들어왔었는데요. 지금까지 정확한 오류 원인을 파악하지 못하고 있었지만... 오늘 그 실마리를 잡은 것 같아서 여러분에게 공유해드리려고 합니다. 개요 ... Snackbar.make(viewBinding.rootLayout, "SanckBar Test", 10000).show() 오류가 발생한 화면의 레이아웃과 S..
앱 UI를 구성하는 TextView, Button 등 컴포넌트 사이사이에는 의도적으로 여백을 넣어요. 붙어 있으면 답답한 느낌을 주고 유저에게 강조하고 싶은 UI가 한눈에 들어오지 않기 때문이겠죠? (개발자의 추측 ㅎ) XML 기반의 Android UI에서는 margin 혹은 padding으로 여백을 구현했었습니다. 그렇다면 새로운 UI Kit인 Compose에서는 어떻게 구현할까요? 바로 Modifier.padding이랑 Space Composable을 사용하면 됩니다 :) Padding, Spacer @Composable fun MyComponent( displayText: String ) { Text( text = displayText, modifier = Modifier.padding(bottom..
Git-Flow 브랜치 전략에 따르면 보통 한 기능에 대해서 최소 하나의 브랜치를 생성하여 작업을 진행할 거예요. 그런데 작업이 진행될수록 점점 늘어나는 브랜치들 여러분들은 어떻게 정리하고 있으신가요? 원격 저장소에 올라간 브랜치들은 브랜치들은 PR이 머지되는 시점에 정리하면 되지만 로컬 브랜치는 협업을 같이하는 팀원들 모두 해당 브랜치가 존재할 수 있기 때문에 모두가 수동으로 지워줘야 하는 번거로움이 있어요. 삭제된 원격 브랜치 추적하기 $ git for-each-ref --format '%(refname) %(upstream:track)' refs/heads/feature/133/ga refs/heads/feature/minji/182-notify-message [gone] refs/remotes/o..
안녕하세요 점냥입니다 :) 위 사진은 오래전에 사이드 프로젝트로 진행한 모꼬라는 프로젝트 홈 화면입니다. Compose 처음 접할 당시 마구잡이로 개발했던 프로젝트라서 마음 한편에 아쉬움을 많이 가지고 있었던 프로젝트였죠. 홈 화면은 모꼬 브랜드를 그래픽 아트의 느낌으로 표현했던 Title 영역과 주요 기능인 실시간 검색어 리스트를 보여주는 Content 영역이 존재했어요. 초기 기획과 디자이너는 리스트를 스크롤함에 따라 상단 Title 영역도 같이 접히는 UX를 기대했지만 당시 관련 자료를 찾을 수 없어서 아쉽게도 리스트만 스크롤되는 채로 배포가 되었죠.. 그러다가 최근에 Material에서 제공해 주는 Compose Layout 중에 BackdropScaffold를 알게 되어서 적용해보려고 해요 Ba..
안녕하세요 점냥입니다 :) 지난 포스팅에 이어서 이번에는 ViewModel을 사용해서 Fragment 내에서 데이터를 공유하는 방법에 대해서 알아보겠습니다. 이번 내용은 코드로서 보다는 개념 위주로 설명이 될 것 같아요! 우선 ViewModel이란 Android Jetpack 라이브러리 중 하나로 비즈니스 로직과 데이터들을 저장해 두는 Holder class인데요. MVVM이 대중화가 되고 Activity보다 수명이 긴 장점으로 데이터의 복원/ 저장이 보다 간편해 많이 사용하고 있는 Class입니다. ViewModel의 자세한 내용은 이곳에서 확인해주세요 ActivityViewModel로 Fragment 끼리 데이터 공유 @AndroidEntryPoint class SignUpCodeFragment : ..
