PRND

RSS

게시글: 27
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
ViewModel에서 더이상 EventFlow를 사용하지 마세요
이 글은 안드로이드 개발에서 ViewModel의 이벤트 전파 방식에 대한 개선점을 제시합니다. 기존에 많이 사용되던 EventFlow 패턴이 SharedFlow를 기반으로 구현되었으나, 이벤트 중복 발생 및 소비 로직의 복잡성 등의 문제점을 지적합니다. 이를 해결하기 위해 ViewModel에서 직접 이벤트를 관리하고, UI 레이어에서는 이를 구독하여 처리하는 방식을 제안합니다. 특히, 이벤트 발생 시점에 UI 상태를 함께 전달하여 이벤트 소비의 명확성을 높이고, 불필요한 이벤트 중복을 방지하는 방법을 설명합니다. 이를 통해 ViewModel의 책임과 UI 레이어의 역할을 분리하여 코드의 가독성과 유지보수성을 향상시키는 것을 목표로 합니다.
ViewModelEventFlowSharedFlow
PRND·2025년 1월 6일
Frontend
팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디
이 글은 팝업의 닫기 버튼(X버튼)을 언제 보여줘야 하는지에 대한 UX 디자인 원칙을 다룹니다. 팝업은 사용자에게 정보를 전달하거나 특정 액션을 유도하는 중요한 UI 요소이지만, 잘못 사용하면 사용자 경험을 해칠 수 있습니다. 글에서는 팝업의 목적과 중요도에 따라 닫기 버튼의 노출 여부를 결정해야 한다고 강조합니다. 예를 들어, 사용자가 명확히 인지하고 있어야 하는 중요 정보나 필수적인 액션을 요구하는 팝업에는 닫기 버튼을 제공하지 않거나, 일정 시간 후 자동으로 닫히도록 설계하는 방안을 제시합니다. 반면, 단순 정보 제공이나 선택적 액션을 위한 팝업에는 닫기 버튼을 명확히 제공하여 사용자의 통제권을 보장해야 합니다. 궁극적으로 팝업 디자인은 사용자의 흐름을 방해하지 않으면서도 필요한 정보를 효과적으로 전달하는 데 초점을 맞춰야 함을 시사합니다.
팝업UXUI
PRND·2023년 11월 9일
Frontend
스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디
본 글은 헤이딜러 UX 스터디에서 스켈레톤 로딩을 언제, 어떤 기준으로 적용할지에 대한 결정 과정을 공유합니다. 스켈레톤 로딩은 콘텐츠가 로드되는 동안 사용자에게 시각적인 피드백을 제공하여 불필요한 기다림을 줄이고 경험을 개선하는 기법입니다. 글에서는 스켈레톤 로딩의 장점과 함께, 어떤 상황에서 적용하는 것이 효과적인지에 대한 기준을 제시합니다. 예를 들어, 데이터 로딩 시간이 길거나, 사용자 경험이 중요한 페이지에 적용하는 것을 고려할 수 있습니다. 또한, 스켈레톤 로딩 구현 시 고려해야 할 사항들과 실제 적용 사례를 통해 UX 개선 효과를 설명하며, 궁극적으로 사용자 만족도를 높이는 데 기여하는 방안을 모색합니다.
스켈레톤 로딩UXUI
PRND·2023년 11월 9일
Frontend
아이콘을 텍스트 가운데로 정렬하기(Jetpack Compose)
이 글은 Jetpack Compose에서 아이콘을 텍스트와 함께 원하는 위치에 정렬하는 방법을 다룹니다. 특히 Checkbox 아이콘을 텍스트의 가운데에 정렬하는 구체적인 예시를 제공하며, 텍스트의 첫 번째 줄이나 마지막 줄 등 다양한 위치에 아이콘을 배치하는 기술을 설명합니다. 이를 통해 사용자 인터페이스(UI) 개발 시 텍스트와 아이콘의 정렬 문제를 효과적으로 해결하고 시각적으로 일관된 디자인을 구현하는 방법을 제시합니다.
Jetpack ComposeAndroidUI
PRND·2023년 8월 17일
Frontend
웹에서 파일 선택하기: onShowFileChooser()를 이용한 단일 및 복수 파일 선택 방법
이 글은 안드로이드 WebView에서 `WebChromeClient`의 `onShowFileChooser()` 메서드를 활용하여 파일 선택 기능을 구현하는 방법을 설명합니다. HTML의 `<input type="file">` 태그는 안드로이드에서 기본적으로 파일 선택 UI를 제공하지 않기 때문에, `onShowFileChooser()`를 오버라이드하여 파일 선택 이벤트를 직접 처리해야 합니다. 이를 통해 단일 파일 선택뿐만 아니라 복수 파일 선택 기능까지 구현할 수 있습니다. 예제 코드를 통해 `onShowFileChooser()`를 설정하고 파일 선택 시 토스트 메시지를 띄우는 기본적인 구현 방법을 보여주며, 웹에서 파일 업로드 기능을 구현하는 데 필요한 핵심적인 내용을 다룹니다.
WebChromeClientonShowFileChooserAndroid
PRND·2023년 3월 30일
Frontend
딥링크의 모든것(feat. App Link, Universal Link, Deferred DeepLink)
이 글은 모바일 앱에서 사용자를 특정 콘텐츠로 바로 연결하는 딥링크의 개념과 구현 방식을 설명합니다. 딥링크는 웹 링크처럼 앱 내 특정 화면으로 이동하게 하여 사용자 경험을 향상시키는 기술입니다. 채팅, 광고, 푸시 알림 등 다양한 상황에서 활용될 수 있으며, 사용자가 원하는 콘텐츠를 직접 볼 수 있도록 하여 이탈률을 줄이는 데 기여합니다. 글에서는 딥링크 구현과 관련된 주요 용어인 스킴 딥링크(URI Scheme), 앱링크(App Link), 유니버셜 링크(Universal Link), 그리고 지연 딥링크(Deferred DeepLink)의 개념을 소개하고 비교 분석합니다. 이를 통해 개발자들이 딥링크 기술을 더 깊이 이해하고 효과적으로 적용할 수 있도록 돕는 것을 목표로 합니다.
딥링크URI SchemeApp Link
PRND·2022년 7월 20일
Frontend
TextView에서 다음줄에 들여쓰기 적용하기 | 헤이딜러 기술블로그
이 글은 안드로이드 개발에서 TextView를 사용하여 목록 형태의 텍스트에 다음 줄 들여쓰기를 적용하는 방법을 다룹니다. "·", "ㆍ", "-", "┗" 등과 같은 기호로 시작하는 목록에서 각 항목의 다음 줄이 첫 글자부터 시작하지 않고 들여쓰기된 상태로 표시되도록 하는 UI 구현 방법을 설명합니다. 이를 위해 `SpannableString`과 `LeadingMarginSpan`을 활용하여 텍스트의 특정 부분에 스타일을 적용하는 기법을 소개합니다. 안드로이드 UI 개발 시 가독성을 높이고 깔끔한 목록 표현을 구현하고자 하는 개발자에게 유용한 정보를 제공합니다.
TextViewAndroidUI
PRND·2022년 3월 21일
Frontend
drawableStart의 이미지 크기를 마음대로 변경하는 방법
이 글은 안드로이드 개발 시 TextView의 drawableStart 이미지 크기를 XML을 통해 간편하게 변경하는 방법을 다룹니다. 일반적으로 drawableStart 이미지 크기를 조절하려면 이미지를 직접 수정하거나 새로운 drawable 리소스를 생성해야 하는 번거로움이 있습니다. 하지만 이 글에서는 XML 속성을 활용하여 기존 drawable 리소스를 재사용하면서도 원하는 크기로 이미지를 표시하는 방법을 제시합니다. 이를 통해 개발자는 이미지 리소스 관리 부담을 줄이고 UI 커스터마이징의 유연성을 높일 수 있습니다. 특히, `android:drawableStart`와 함께 `android:gravity` 속성을 적절히 활용하는 팁을 제공하여 텍스트와 이미지 간의 간격 및 정렬을 효과적으로 제어하는 방법을 설명합니다. 이 방법은 안드로이드 앱 개발에서 UI의 시각적 표현을 개선하는 데 유용하게 활용될 수 있습니다.
drawableStartAndroidTextView
PRND·2022년 2월 4일
Frontend
WRITE_EXTERNAL_STORAGE 권한 요청없이 파일을 쓰고, 다운로드 받는 방법
본 글은 Android API 29 이상 버전에서 WRITE_EXTERNAL_STORAGE 권한 없이 파일을 쓰고 다운로드하는 방법을 다룹니다. Android 10부터 도입된 Scoped Storage 정책으로 인해 앱별 전용 저장 공간이 제공되며, 이를 활용하면 외부 저장소 접근 권한을 명시적으로 요청하지 않고도 다운로드 디렉토리 등에 파일을 저장할 수 있습니다. MediaStore API를 사용하면 사진, 비디오, 오디오 등 미디어 파일뿐만 아니라 일반 파일도 효율적으로 관리하고 접근할 수 있습니다. 이를 통해 사용자 개인 정보 보호를 강화하고 앱의 보안성을 높이는 동시에, 개발자는 권한 관리의 복잡성을 줄여 개발 편의성을 향상시킬 수 있습니다.
AndroidFile I/OStorage
PRND·2022년 1월 20일
Frontend
[안드로이드] Slider에서 간격을 일정하지 않게 사용하고 싶을때 사용하는 라이브러리 (FlexibleStepRangeSlider)
이 글은 안드로이드 개발에서 Slider 컴포넌트의 간격을 일정하지 않게 설정하고 싶을 때 유용한 라이브러리인 'FlexibleStepRangeSlider'를 소개합니다. 기존 SeekBar나 MaterialSlider는 간격이 고정되어 있어 유연한 UI 구현에 제약이 있었습니다. FlexibleStepRangeSlider 라이브러리를 사용하면 개발자가 원하는 대로 간격을 자유롭게 조절할 수 있어, 사용자 경험을 향상시키는 맞춤형 슬라이더 구현이 가능해집니다. 라이브러리의 설치 방법과 기본적인 사용 예시를 통해 안드로이드 UI 개발의 편의성을 높이는 방법을 다룹니다.
안드로이드SliderFlexibleStepRangeSlider
PRND·2021년 11월 12일
Frontend
MVVM의 ViewModel에서 이벤트를 처리하는 방법 6가지
이 글은 MVVM 아키텍처 패턴에서 ViewModel의 이벤트 처리 방식을 다룹니다. 특히 안드로이드 개발에서 흔히 사용되는 LiveData를 활용한 이벤트 전달 방식을 중심으로, 총 7가지의 구체적인 방법들을 소개합니다. 각 방법은 ViewModel에서 발생한 이벤트를 UI에 효과적으로 전달하고, UI는 이를 받아 사용자에게 적절한 피드백을 제공하는 메커니즘을 설명합니다. 이를 통해 개발자는 ViewModel과 View 간의 결합도를 낮추고, 보다 유연하고 테스트하기 쉬운 코드를 작성할 수 있습니다. 다양한 상황에 맞는 이벤트 처리 전략을 제시하여 안드로이드 앱 개발 생산성을 높이는 데 기여합니다.
MVVMViewModelevent handling
PRND·2021년 9월 6일