김경록의 앱 개발 여정

1. 반응형 레이아웃(Responsive Layout)의 정의반응형 레이아웃이란 단일한 코드 베이스가 다양한 화면 크기, 해상도, 기기 방향(가로/세로)에 맞춰 UI 요소를 유동적으로 재배치하고 최적화하는 설계 방식을 의미한다. 단순히 화면을 늘리는 '확대(Scaling)'가 아니라, 기기별 특성에 맞춰 사용자 경험(UX)을 '적응(Adapting)'시키는 것이 핵심이다.2. 머티리얼 디자인(Material Design) 채택의 이점Flutter 개발 환경에서 머티리얼 디자인 가이드를 준수하는 것은 단순히 미적인 선택이 아니라 개발 효율과 기기 대응력을 위한 전략적 선택이다.기기 파편화 통제 (목적: 예측 가능한 UI 유지): 갤럭시 폴드의 좁은 외부 디스플레이부터 고해상도 태블릿까지, 극단적인 화면 비..

개요https://roks-apps.tistory.com/88이전 포스팅에서 UIPopover + UITableView로 드롭다운 버튼을 만들었다가, 드롭다운이 펼쳐진 상태에서 좌측 엣지 스와이프(인터랙티브 뒤로가기) 를 하면 화면이 얼어붙는 이슈가 생겼다 - 드롭다운을 연 상태에서 뒤로가기 제스쳐를 할 경우 네비게이션 타이틀만 바뀌고 화면이 멈추는 버그증상드롭다운 버튼 탭 → 팝오버로 드롭다운 표시드롭다운이 열린 상태에서 좌측 엣지 스와이프로 뒤로가기 제스처 시작네비게이션 바 타이틀은 바뀌지만 뷰는 그대로, 터치도 먹지 않는 상태 발생원인원인 추적은 금방 가능했다 아마 화면 전환에서 문제가 생긴듯했다.presentedViewController(팝오버)가 떠 있는 동안 UINavigationControl..

개요신규 프로젝트에서 사유 선택을 위한 드롭다운 버튼이 필요했다.드롭다운 버튼이라는 게 사실 앱보다는 웹 환경에서 더 자주 쓰이는 UI 같지만,이번 프로젝트의 디자인은 웹 UI를 앱에 맞게 리디자인하는 과정이었기 때문에가능한 한 동기화를 시키려고 했다.처음 해보는 작업이라 구글링을 해봤는데, 대부분 서드파티 라이브러리를 이용해서 해결하고 있었다.하지만 이번 프로젝트는 SnapKit 외에는 서드파티를 쓰지 않는 것을 희망해서 배제하기로 했다우선 가장 간단해 보이는 방법을 찾았고, iOS 기본 컴포넌트인 UIMenu로 구현을 시작했다.UIMenu가 뭐지?UIMenu는 버튼을 탭 했을 때 메뉴 리스트를 보여주는 iOS 기본 컴포넌트다.iOS 14 이후부터는 버튼과 쉽게 결합할 수 있도록 API가 강화되어서,옵..