김종권의 iOS 앱 개발 알아가기

일반적인 DataSource 관리 Section이 여러개이고 Item도 여러개인 경우, 보통 dataSource를 2차원 배열로 하거나, Section과 Item을 갖는 struct를 만들어서 관리 class ViewController: UIViewController { struct Section { var title: String var items: [String] } var sections: [Section] = [ Section(title: "header is a", items: ["A1", "A2"]), Section(title: "header is b", items: ["B1", "B2"]), ] let tableView: UITableView = {...} } extension ViewCont..

목차) SwiftUI의 기본 - 목차 링크 List 형태 Hashable을 따르고, View를 준수하는 두 개의 제네릭스로 구성 struct List where SelectionValue : Hashable, Content : View 사용방법은 List 후 클로저안에 subviews들을 넣어서 구현 struct ContentView: View { var body: some View { List { Text("A List Item") Text("A Second List Item") Text("A Third List Item") } } } List(:) { } 형태로도 사용이 가능 struct Ocean: Identifiable { let name: String let id = UUID() } privat..

아이디어 Cell 타입이 총 3개 존재 (3개의 커스텀 셀 정의) Cell 타입 하나 당 Section 하나씩 배치 Cell로만 이루어지지 않고 Section으로 나눈 이유? 분류 - TableView / Section / Cell -> Cell들은 서로 연관되어 있는지? 연관이 적으면 Section으로 나누기 -> Section들은 표현하려는 방향이 같은지? 표현하려는 방향이 같으면 하나의 TableView에 표현 Section으로 분리해야하는 구체적인 이유 - 멀티 Section에 관한 글 참고 준비 Unsplash API 사용 (이미지 데이터 획득) framework # Rx pod 'RxSwift' pod 'RxCocoa' pod 'RxGesture' # UI pod 'SnapKit' pod 'T..

Section을 사용하는 기준 분류 - TableView / Section / Cell -> Cell들은 서로 연관되어 있는지? 연관이 적으면 Section으로 나누기 -> Section들은 표현하려는 방향이 같은지? 표현하려는 방향이 같으면 하나의 TableView에 표현 Section을 한 개만 사용 vs Section을 여러개 사용 아래처럼 아이폰에 설치되어 있는 Setting앱을 보면, 하나의 TableView안에 Section이 여러개로 나누어져 있는 패턴 Section의 개념? Section은 하나의 TableView 안에서 데이터의 성격을 분류할 때 사용하는 것 Cell은 같은것을 쓸지라도 성격에 따라 Section을 나누어서 사용할 것 (Cell만 적용하다가 Cell끼리의 성격이 달라진다 ..

1. ReactorKit 샘플 앱 - RxDataSources 사용 방법 2. ReactorKit 샘플 앱 - RxDataSources을 이용한 Section, Item 모델 구현 패턴 (with 동적 사이즈 셀) 기초 ReactorKit 개념 RxDataSources 개념 Reusable 개념 목차 1. 단일 Section 모델 2. 다중 Section 모델 3. 다중 Section, 다중 Item 모델 구현 핵심 SectionModel 정의 및 활용 방법 Section이 하나인 경우에는 SectionModel으로, Section에는 Int형을 사용 (가장 간단한 방법은 tableView.rx.items 방법 포스팅 글 참고) // Section이 하나인 경우 import RxDataSources st..

Header, Section, Footer 개념 Section이 존재하고 Section 하나당 각각 Header와 Footer가 존재 예제에서는 Header가 Section1에서만 표출 Footer는 Section3에서만 표출하지 않는 형태 데이터 Entity 정의 import Foundation typealias MyItemList = [MyItem] struct MyItem { enum MyType { case a case b case c case d case e } let title: String let type: MyType } BaseView 정의 BaseTableViewCell class BaseTableViewCell: UITableViewCell { override init(style: U..

TableView Section의 구성 = 한개의 Header + 다수의 Cell + 한개의 Footer style은 세가지가 존재: https://ios-development.tistory.com/538 * 3가지 스타일 실행화면 plain grouped inset grouped Section 사용 방법 Cell 이용과 동일하게 delegate에서 Section의 개수와 header에 관한 함수, footer에 관한 함수에 각각 데이터 반환하여 사용 extension ViewController: UITableViewDelegate, UITableViewDataSource { // MARK: - Section func numberOfSections(in tableView: UITableView) -> I..

구조 main과 sub항목으로 나눔 main항목 하나는 하나의 section으로 구성 (하위들의 데이터: main, sub1, sub2, ...) (main1, sub1, sub2) 를 하나의 section으로 두면 인터렉션 관리에 용이하기 때문에 section으로 구성 main선택 -> 하위 sub모두 체크하기 쉬움 인터렉션 "위 내용에 모두 동의합니다" 선택: 모든 버튼 체크 / 해제 "필수"항목 누른 경우, 동의하기 버튼 활성화 모든 항목 선택 -> 위 내용에 모두 동의합니다 활성화 sub항목 존재하는 main항목 선택 -> sub 항목 모두 체크 sub항목이 존재하는 항목중에 sub항목 모두 체크 -> main항목 체크 Custom cell Hugging, compression값 설정: (필수)의..