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

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..

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 레이아웃 구현 * 미리 알아야 하는 개념) 코드로 UI 구현 시, SnapKit 기본 사용 방법 버튼 길이 감소 애니메이션 SnapKit의 Constraint 타입의 프로퍼티를 저장해놓고, 버튼 탭 시 constraint.update하여 레이아웃 ..

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 레이아웃 구현 미리 알아야하는 개념 코드로 UI 구현 시, SnapKit 기본 사용 방법 snapKit의 remakeConstraints() 기존에 입력되었던 constraints를 삭제하고 다시 constraints를 설정하는 메소드 multip..

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 레이아웃 구현 미리 알아야하는 내용 intrinsicContentSize 개념: https://ios-development.tistory.com/647 (코드로 UI 구현 시) SnapKit 프레임워크 사용: https://ios-developme..

CustomPopup 구현 아이디어 팝업을 띄울 때, MyPopupViewController를 modal로 present하여, 팝업 주의를 탭해도 이벤트를 받지 않도록 설정 MyPopupViewController에는 커스텀 팝업 UI인 MyPopupView를 가지고 있으며, 이 view의 layout은 화면에 꽉 차게끔 auto layout 사용 MyPopupView에서는 poupView라는 UIView를 넣고, 이 뷰의 layout은 left, right, centerT값만 정하여 높이값은 내부 뷰들 (label, button)들의 intrinsic content size에 맞게 알아서 높이가 정해지도록 구현 구현에서 코드로 편리하게 UI를 구현하기 위해 사용한 프레임워크) pod 'SnapKit' p..

SnapKit을 사용할때 해석 방향이 가장 중요 순차적으로 해석: 만들다 > 상단을 > viewProgreess의 하단과 동일 > offset은 32 make.top.equalTo(viewProgress.snp.bottom).offset(32) Anchor 모든 앵커와 제약 조건 자체를 함께 연결하는것이 가능 child.snp.makeConstraints { make in make.lead.top.trailing.bottom.equalToSuperview() } edge를 이용하여 더욱 간편하게 사용 child.snp.makeConstraints { make in make.edges.equalToSuperview() } view에 inset값을 주고 싶은경우 inset()사용 child.snp.makeC..

UIKit에서 기존에 사용하던 preview @IBINspectrable, @IBDesignable 추가하여, storyboard에서 수동으로 확인 -> swiftUI의 preview 기능을 사용할경우 UIKit 앱의 코드를 한줄도 바꾸지 않고 preview 기능 사용 가능 Preview사용 조건 Xcode 11 이상 macOS Catalina 이상 iOS 13+ Preview 사용 원리 dynamic replacement 기능 사용: Xcode에서 컴파일 없이 작성하고 있는 코드의 미리보기를 실시간으로 확인 가능 Preview - View 미리보기 Preview를 띄울 임의의 View 작성 import UIKit class MyYellowButton: UIButton { override init(fra..

Cell에 매핑될 모델 추가 struct CustomCellModel { let leftImage: UIImage let leftTitle: String } Custom Cell 추가 id 정의 class CustomCell: UITableViewCell { static let identifier = "CustomCell" } 나머지 뷰 정의 주의: hugging, compression값 설정 참고 // CustomCell.swift lazy var stackView: UIStackView = { let stackView = UIStackView(arrangedSubviews: [leftImageView, leftLabel, rightButton]) contentView.addSubview(stackVi..