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

* Storyboard로 UI 구현 기본기 목차 참고 Storyboard 장단점 장점 처음오는 개발자도 한눈에 어떤 화면들이 있는지 파악이 용이 UI 관련 내용이 코드와 분리가 되어 코드의 복잡도가 줄어드는 점 단점 협업 시 merge conflict 해결이 어려움 Storybaord를 열기만 해도 수정사항이 생기므로 git add . 할 때 구분 필요 Storyboard에 여러개의 UIViewController가 많아지면 느려지는 문제 property들을 살펴볼 때 오른쪽 Attributes inspector를 통해 하나하나씩 확인해야 하므로 섬세하게 property들을 파악하기가 코드 베이스보단 힘든 점 Storyboard Reference 개념 Storyboard안에서 reference를 두어서 다..

1. Storyboard로 UI 구현 기본기 - storyboard 장단점, Storyboard reference 개념 2. Storyboard로 UI 구현 기본기 - segue, Action Segue, Manual Segue (세그웨이) 3. Storyboard로 UI 구현 기본기 - @IBOutlet, @IBAction, UIStoryboard, instantiateViewController, 코드로 초기화 방법 4. Storyboard로 UI 구현 기본기 - Xib, Nib 개념, 커스텀 뷰

Thumbnail이 나열된 뷰 트위터에서 프로필이 나열된 형태의 뷰가 존재 이 뷰에서 동그란 썸네일이 나열된 형태이며, 얼핏 보기에 어려워 보이지만 UIStackView를 사용하면 쉽게 구현이 가능 구현 아이디어 1. stackView의 spacing 프로퍼티에 음수값을 대입 2. 안에 넣는 뷰들은 나중에 추가되는 뷰가 아래로 가야하므로 layer.zPosition을 통해 제어 3. 안에 넣는 뷰들의 borderWidth와 color를 배경 색과 같게하여, 마치 썸네일이 겹치는 부분은 배경색으로 표현되게끔구현 구현 상수값 color 준비 import UIKit class ViewController: UIViewController { private let color = UIColor.lightGray } ..

1. UI 성능 분석 - Render Loop 이해하기 (Commit, Layout, Display, Prepare, Commit)

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 구현 아이디어 UIImageView의 contentMode는 scaleAspectFill 이므로, 이미지의 height가 높아지면 width도 자동으로 높아지는 상태를 이용 UIImageView와 이를 담고있는 containerVie..

* UISearchBar HIG 참고: https://ios-development.tistory.com/505 embed segue로 이어진 View Controller 삭제 containerView에서 embed segue로 UITableView 연결 UISearchController xib에서는 지원하지 않으므로 code로 구현 UIView로 자리를 먼저 남겨놓고 거기에 SearchBar 삽입 // ViewController.swift private var searchController: UISearchController = { return UISearchController(searchResultsController: nil) }() 검색 창 초기화 obscuresBackgroundDuringPres..

1. iOS 스러운, storyboard 활용 방법 (static prototype cell, segue, gesture) 2. iOS 스러운, storyboard 활용 방법 (dynamic prototype cell, unwind segue, storybaord reference) storyboard 활용 (UI, flow) 목적: code 없이 storyboard만을 이용하여 플로우, UI 구현 code없이 storyboard를 사용하는 이유: 빠른 생산성, 직관성 1번 챕터에서 storyboard로 화면을 빠르게 만들며 prototype을 잡은 후 2번 챕터에서 controller를 통해 데이터 다루는 형식 앱 구현 방식: 디자인, flow prototype -> 로직 구현 프로젝트 플레이어 목록 ..