본문 바로가기

전체 글46

[iOS/SwiftUI] Text 더보기 버튼 만들기 - ViewThatFits 스유 초보이기 때문에 틀린 내용이 있을 수 있습니다! 💡 더보기 Text만들기 텍스트 길이에 따라 더보기 버튼을 만들어서 토글이 되도록 만들어보자. 방법을 여러 번 검색해보았고, Geometry를 이용하는 방법을 찾아서 해보는데 원하는대로 되지 않았따.. lineLimit이 2일 때 1줄 텍스트에는 더보기 버튼이 보이면 안되는데 이 부분이 계속해서 해결이 안되었다. 계속 뒤적뒤적하다가 발견한 스택오버플로우,,(갓) https://stackoverflow.com/questions/59485532/swiftui-how-know-number-of-lines-in-text SwiftUI - how know number of lines in Text? I have a dynamic text, it can be s.. 2024. 4. 19.
[Swift] Swift Concurrency async / await GCD (Grand Centeral Dispatch) 일반적으로 네트워크 통신을 할 때 우리는 비동기적으로 코드를 작성한다. 다음과 같이 비동기적으로 요청을 하여 응답 결과를 call back 받기 위해 completion handler를 통해 받아오고, 받아온 데이터를 화면에 반영한다. func fetchThumbnailURLSession(completion: @escaping (Result) -> Void) { let url = URL(string: "https://www.themoviedb.org/t/p/w600_and_h900_bestv2/7M2pc9OboapgtoBbkU49Aim7O5B.jpg")! let request = URLRequest(url: url, cachePolicy: .reloa.. 2024. 4. 3.
[iOS/WWDC23] viewIsAppearing() 알아보기 WWDC23에서 발표된 새로운 생명주기 메서드에 대해 알아봅시다. 23년에 발표되긴 했지만 iOS 13부터 적용이 가능하다. viewIsAppearing()은 viewWillAppear()가 호출된 후, viewDidAppear() 호출 전에 호출되는 메서드이다. viewWillaAppear()에서는 아직 뷰가 올라오기 전이고, viewIsAppearing()에서는 뷰가 뷰의 계층 구조 상에 올라온 후 호출된다. 때문에 viewIsAppearing()에서는 뷰의 크기나 초기 기하구조를 다루는 코드를 에서 수행할 수 있다. 그렇다면 viewDidAppear()시점에 수행해도 되는 것이 아닌가? viewDidAppear()도 사용자의 눈에 뷰가 보이기 전에 뷰를 다룰 수 있지만 사용자에게 보여지기 직전이기 .. 2024. 3. 24.
[iOS/ReactorKit] ReactorKit 알아보기 최근 프로젝트에서 적용한 ReactorKit에 대하여 정리해보고자 한다. 이전에 RxSwift + MVVM Input-Output 패턴을 적용하여 개발했는데, ReactorKit 구조와 비슷하다는 이야기를 들어서 한 번 적용해보았다. 특징 단방향 흐름을 가진 반응형 프레임워크이다. RxSwift와 필수적으로 함께 사용된다. RxSwift의 Observable을 통해 비동기적으로 데이터를 처리하고, 사용자의 이벤트 처리와 UI 업데이트 쉽게 관리할 수 있다. View와 Reactor로 구성되어있고, Reactor가 ViewModel과 같은 역할을 한다. 네트워크 통신이나 db 접근 등 비즈니스 로직을 구성하게 된다. 기본 동작(➡️단방향 흐름➡️) Reactor에는 View에서 받은 Action과 작업(M.. 2024. 2. 28.
[iOS/Swift] 토글되는 컬렉션뷰 만들기 - NSDiffableDataSourceSectionSnapshot 섹션마다 타입이 다른 셀로 disclosure collection view 만들기! 디자인을 받아보고선 이건 대체 어케 만드는걸까… 한참을 고민했다… 애플에서 제공한 Modern CollectionView 프로젝트에서 봤던 기억이 났고… 해당 프로젝트를 열어 코드를 뜯어보며 만들어나갔다… UICollectionViewListCell의 UICellAccessory 설정하기 현재 진행하는 프로젝트에 따라 내부에는 커스텀 셀, 타이틀에 해당하는 셀은 UICollectionViewListCell을 활용하기로 한다. UICollectionViewListCell의 악세사리 옵션 중 OutlineDisclosureOptions 을 이용하여 타이틀 셀을 접었다 펴기를 사용할 수 있도록 설정한다. // 부모 셀 (타이틀.. 2024. 2. 22.
RxSwift 왜 사용?? RxSwift가 뭐야? Reactive Programming in Swift 반응형 프로그래밍? 데이터의 흐름이나 변경사항에 따라 처리하는 프로그래밍 방식 주변 환경과 끊임없이 상호작용을 하는 프로그래밍 외부의 변화에 끊임없이 반응하고 처리한다. 명령형 프로그래밍은 개발자에 의해 작성된 코드가 순서대로 처리되는 방식이라 하면 반응형 프로그래밍은 순서에 상관없이 이벤트 발생 순서에 따라 처리한다. RxSwift는 Swift를 반응형프로그래밍 방식으로 사용할 수 있도록 만들어진 라이브러리 RxSwift를 왜 사용? ✔️ 비동기 작업을 동기적으로 처리할 수 있다. 우리는 swift에서 비동기 작업이 완료 된 후 처리 해야하는 작업이 있을 때 주로 Notification, Delegate Pattern, Clo.. 2023. 12. 28.
[Swift] DI 의존성 주입 [23.12.12 SeSAC 수업 내용 정리] 의존성 주입 쉽게 이해하기! 브랜 주방장이 브랜 반점이라는 음식점을 열었고, 휴님은 점심 식사로 브랜 반점의 메뉴를 먹는다. 휴님 → 브랜반점 의존관계 브랜반점 → 브랜 의존관계 하위 모듈인 브랜반점에서 메서드 이름을 변경하는 순간 상위 모듈인 휴님 클래스에서 오류가 발생한다. 하위 모듈인 브랜 클래스에서 메서드 변경 시 브랜 클래스를 사용하고 있는 모든 클래스에서 오류가 발생한다. 오류를 해결하기 위해 해당 클래스를 사용하고 있는 상위 모듈에서 변경 사항을 수정해야 한다. B가 변화했을 때, A에게 영향을 미친다. ⇒ A가 B를 의존한다. 상위 모듈에서 의존하는 인스턴스를 변경했을 때 상위 모듈 내부에서 오류가 발생한다. 휴님(상위 모듈) → 브랜반점(하위.. 2023. 12. 19.
Codable TypeMismatch 오류 문제 커서 기반 페이지네이션 구현 중 next_cursor 값을 디코딩하면서 오류가 발생하였다. next_cursor로 다음 페이지를 계속해서 요청하다가 더이상 다음 데이터가 존재하지 않으면 0값을 가지고 온다. 응답 결과 디코딩 시 결과 값을 담을 구조체에 next_cursor 값의 타입이 두가지 경우가 존재하는 것이다. String 값으로 정의하였더니 다음과 같은 TypeMismatch 오류가 발생하였다. Swift.DecodingError.typeMismatch(Swift.String, Swift.DecodingError.Context(codingPath: [CodingKeys(stringValue: "next_cursor", intValue: nil)], debugDescription: "Expe.. 2023. 12. 1.
[iOS/Kingfisher] 네트워크 통신으로 이미지 받아오기 Kingfisher를 몇번 사용해보았지만 정확히 무슨 기능이 있는지도 모르는 채 이미지 띄우기만 사용해보았다. 프로젝트를 진행하면서 사용해본 것들을 정리해보려 한다! ✅ 이미지 다운로드 요청 시 헤더값을 추가하여 요청하기 프로젝트 진행하면서 서버에 저장되어 있는 이미지를 주소값을 사용하여 받아와야 했다. 분명 url도 맞는데 사진이 뜨지 않아서 오류를 탐색한 결과 kingfisher를 사용하여 서버에 이미지를 요청할 때 access token과 서버 요청을 위한 key값이 필요했던 것이다.. 기존 네트워크 통신과 같게 kingfisher로 이미지 요청 시 헤더 값을 지정하면 된다! 🔎 해결 owner.mainView.imageView.kf.setImage(with: url)을 이용하여 그냥저냥 이미지를 .. 2023. 11. 26.
[iOS/RxSwift] CombineLatest vs Observable.zip 💡 CombineLatest 2개 이상의 Observable을 결합하여 하나의 Observable로 만들 때 사용한다. CombineLatest는 결합하려는 이벤트가 최소 한 번씩은 next이벤트가 emit되어야 구독을 시작하게 된다. 위의 예시는 BehaviorSubject 이벤트를 결합 한 것이다. BehaviorSubject는 초기 값을 설정하게 되어 선언 후 바로 combineLatest를 수행하게 된다. 만약! 초기값이 없는 PublishSubject를 사용한다면? a와 b 모두 한 번 emit이 되어야 combineLatest를 수행할 수 있다. a의 이벤트가 먼저 emit이 된 후 b가 emit이 되기 때문에 b가 emit되는 시점에 combineLatest를 수행할 수 있게 된다. comb.. 2023. 11. 19.