lgvv98

SwiftUI로 Placeholder가 존재하는 TextField 설계 팁 (UIKit호환) 최근 프로젝트에서 SwiftUI와 UIKit을 혼용해서 사용하는 빈도가 늘어남. 최신 생성되는 디자인 컴포넌트는 SwiftUI를 기반으로 하되, UIKit을 지원하는 방향으로 설계 SwiftUI를 사용할 때는 View에 상태를 저장해서 Cell 등에서 재사용 될 때 문제가 없도록 하는게 중요함. 회사 서비스가 iOS 15를 최소 버전으로 지원하므로 이에 맞추어 설계 목차스크린샷세부 설계컴포넌트 코드 (View / Store / Reducer)설계 중점 포인트SwiftUI 사용법UIKit 사용법 스크린샷 돋보기 아이콘, placeholder, 입력 중에만 나타나는 clear 버튼을 가진 검색 필드를 만들어서 사용 ..

SwiftUI 하위뷰에서 상위뷰로 DelegatePattern을 활용해 이벤트 전달하기 글의 순서상황어떻게 처리할까?코드 적용 예시마무리 상황홈 화면에서 프로필 리스트가 있는 네비게이션 방식으로 화면을 전환하고, 해당 화면에서 프로필을 전환하고 pop 혹은 dismiss로 홈 화면으로 돌아왔을 때, 프로필이 전환되어야 함. 즉, 하위 뷰가 상위 뷰로 프로필이 전환되었음(이벤트)을 알려야 함. 어떻게 처리할까?우선 UIKit에서라면 여러가지 방법이 있겠지만, 단순하게는 Delegate Pattern이 있음.SwiftUI에서는 Environment, preferenceKey를 활용할 수 있고, @State, @Binding을 활용해 하위 뷰와 연결할 수도 있음. SwiftUI에서 제안된 방법들은 사용..

지하철 검색 기능에 캐싱 로직 도입하고 테스트로 검증하기 지하철 검색 로직에 캐싱 로직을 도입. 목차SearchSubwayUseCase 개선SearchSubwayUseCase 테스트를 위한 Spy 객체 만들기SearchSubwayUseCaseTests 캐싱 로직 동작 검증 코드SearchSubwayUseCaseTests 실패 후 로직 보완보강한 테스트: 실패 응답과 백그라운드 방출 지하철 검색 로직은 사용자가 키보드로 검색어를 입력할 때 throttle을 활용해 약간의 시간을 두고 검색을 실행.여기까지는 일반적으로 사용하는 검색 로직. 같은 검색어에 대한 서버 요청을 줄이고, 동일한 결과를 더 빨리 돌려줄 수 있으므로 이점은 확실. 캐시가 throttle과 겹치는 지점도 있음. throttle이 요청 자..

Library vs Framework 정리 모듈화의 개념을 이해하기 전 기초 지식으로 정리. Library란?개발자가 만들 클래스들의 집합으로 다른  프로그램에서 사용할 수 있도록 제공Framework란?소프트웨어를 개발하는데 있어서 개발 시간을 줄이고, 코드의 재사용성을 증가시키기 위해 묶음이나 뼈대(틀)을 라이브러리 형태로 제공되는 것.제어의 역전 개념이 적용된 대표적 기술 Library와 framework의 차이라이브러리와 프레임워크의 차이는 제어 흐름의 주도성이 누구 / 어디에게 있는가가 포인트즉, 애플리케이션의 흐름(Flow)를 누가 갖고 있느냐의 차이프레임워크는 스스로 제어 흐름의 주도성을 갖는 반면, 라이브러리는 개발자가 가짐.  StaticLibrary / Dynamic Libarary ..

UI 애니메이션 및 전환 효과 향상하기 (Enhance your UI animation and transition) - WWDC24 Intro- Transitions - 화면 전환 및 프레젠테이션을 위한 새로운 고급 전환 방법 소개- SwiftUI animation - SwiftUI animation과 UIKit 및 AppKit 간의 통합- Animating representables - Representable을 통해 SwiftUI 애니메이션과 연결하는 방법- Gesture-driven animations - 마지막으로 연속적인 제스처가 있을 때 UIView 및 NSView 애니메이션 Transitions SwiftUI에서 화면전환 새로운 API1. navigationTransitinS..

[UIKit] appearance callbacks (화면 전환시 LifeCycle) 기본적으로 UIKit에서 ViewController의 라이프 사이클은 위의 형태로 진행된다.  화면 전환 일반적인 경우 화면전환 과정에서 특별한 사용자의 액션이 없을 경우에는  (사용자의 액션이 없는 일반적인 경우)> push: Disappeared에서 시작해서 Appearing과정을 따름.> pop: Appeared에서 시작해 Disappearing과정을 따름.  (pop 과정 중 사용자의 인터렉션에 의해 취소된 경우)-> 사용자가 화면을 팝하려고 하다가 놓은 경우 즉, viewWillDisappear과 viewDidDisAppear사이이 경우에는 뷰가 바로 Disappeared 상태로 이동한 다음 사이클을 거치면서 ..

reloadSections에서 애니메이션 없애는 방법 UITableView 혹은 UICollectionView를 사용할 때 reloadData()가 아니라 특정 섹션만 업데이트하는 reloadSections()를 사용할 수 있음. 특정 섹션만 업데이트 하는 것은 이점도 존재하나, 애니메이션이 들어가게 되어서 원하는 UX 결과물이 아니거나, 방송 실시간 채팅처럼 매우 빠른 속도로 데이터가 들어와 UI를 업데이트가 진행되는 경우 UI가 블락되거나, 심지어는 크래시가 발생하기도 함. Task { @MainActor [weak self] in guard let self else { return } UIView.performWithoutAnimation { self.reloadSections(in..

[iOS] infinite carousel DiffableDataSource + CompositionalLayout UIKit에서 DiffableDataSource과 compositonalLayout을 사용하여 구현해보자. 전체 소스코드와 해당 코드에 대한 주석을 포스팅 제일 하단에 전부 넣어두었음. 예제 영상 무한히 회전하는 스크롤 뷰에 대한 구현 아이디어는 이미 많이 존재하나, 해당 포스팅에서는 diffableDataSource의 특성에 맞게끔 적용 (구현 방식) [앞에 붙는 id만 다른 원본] + [원본] + [뒤에 붙는 id만 다른 원본]을 먼저 구성한 후 한번에 apply diffable의 경우에는 데이터가 변경되었을 때, snapshot을 수정하는게 아닌 다시 찍음. 해당 부분은 iOS 13,..

SwiftUI keyboard 이벤트 감지하기앱 개발에 있어서 키보드 상태에 따라서 뷰의 다른 컴포넌트들의 높이가 조정되는 등 키보드와 관련해서는 꽤나 까다로움 UIKit을 사용한다면  - iOS 15 이상: keyboardLayoutGuide를 활용하여 레이아웃을 잡기 - iOS 14 이하: 키보드의 상태에 따라 키보드의 높이를 계산해서 뷰의 위치를 조정view.keyboardLayoutGuide SwiftUI 사용 - iOS 15 이상: @FocusState 활용 - iOS 14 이하: NotificationCenter와 Combine을 활용  샘플코드 키보드 상태를 읽을 수 있도록 아래 코드를 작성protocol KeyboardReadable { var keyboardPublisher: Any..

iOS SwiftData in UIKit연관 포스팅[iOS CoreData 간단한 CRUD](https://rldd.tistory.com/587)[iOS SwiftData in UIKit](https://rldd.tistory.com/588)[iOS CoreData 이론](https://rldd.tistory.com/586)[iOS CoreData Relationships](https://rldd.tistory.com/661) 이번에는 SwiftData를 UIKit에서 사용해보자!CoreData를 학습하기 전에는 SwiftData가 진짜 어려웠는데, 지금은 훨씬 배우기 쉽다. SwiftData를 사용하면 CoreData와 개념적으로 부합하고 있어서 학습하는데 더 쉽게 느껴졌다.또한 SwiftData가 가..