yevdev◡̈

➰ 이전 코드 내용 Apple Framework List(1) Apple Framework List(2) 💡 Apple Framework List(3)에서 할 것은 Modal 구현! - 각 아이템들을 눌렀을 때, 상태뷰가 모달로 띄워지는 것을 구현할 것이다. 1️⃣ Detail View를 위한, Storyboard 파일 만들기 2️⃣ Detail View를 위한 ViewController 만들기 - FrameworkDetailViewController 3️⃣ Detail View 컴포넌트와 AutoLayout 설정 4️⃣ Modal 띄우기 // FrameworkListViewController.swift // item이 선택되었을 때 효과 넣기 extension FrameworkListViewContro..

💡Navigation과 Modal의 필요성? - 사용자가 서비스 제공자의 의도를 잘 인지하게 도와주고, 앱 사용성을 쉽게 이해하게 도와주기 위해서 1️⃣ Modal 의 종류 1. iOS에서 제공하는 시스템 모달 alert activity views share sheets action sheets 2. 직접 개발 (모달을 띄우는 스타일) automatic → pageSheet 형태 fullscreen popover page sheet & form sheet current context custom 🚀 Modal 구현 - 뷰컨트롤러의 present(_:animated:completion:) 메소드를 사용 2️⃣ iOS의 주요 Navigation 스타일 Hierarchical Navigation : 설정앱 F..

📌 열번째 프로젝트 스포티파이 구매뷰 앱을 만들어보자 요번 포스팅부터는 ViewController 등 기본 세팅과 AutoLayout의 내용들은 다루지 않겠다! (기억해둘건 당연히 메모해둘것) 1️⃣ AutoLayout 2️⃣ CollectionViewCell 만들기 - BannerCell 이란 이름의 CollectionView cell // // BannerCell.swift // SpotifyPaywall // // Created by 오예진 on 2022/06/28. // import UIKit class BannerCell: UICollectionViewCell { @IBOutlet weak var titleLabel: UILabel! @IBOutlet weak var descriptionLabe..

📌 아홉번째 프로젝트 명상 컨텐츠 리스트 앱을 만들어보자 1️⃣ Data 확인 및 SearchViewController 만들기 - 이전 프로젝트들과 마찬가지로 패캠에서 제공해준 데이터들을 사용 - "FocusViewController" 이름의 UIViewController을 만들어서, Main storyboard와 연결까지 완료 2️⃣ CollectionView AutoLayout 설정 - Description과 ContentView와의 관계에서 bottom을 30 이상이 되게 하면 이렇게 빨간색 에러점이 뜨게 되는데, 일단 이건 어쩔 수 없으니까 넘어간다. 3️⃣ UICollectionViewCell 만들기 - "FocusCell" 이름의 UICollectionViewCell을 만들어서 Collecti..

기존 Apple Framework List https://yexjinitlog.tistory.com/98?category=1022295 diffable datasource dataSource = UICollectionViewDiffableDataSource(collectionView: collectionView, cellProvider: { collectionView, indexPath, item in guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "FrameworkCell", for: indexPath) as? FrameworkCell else { return nil } cell.configure(item) // ite..

1️⃣ UICollectionView의 Data, Presentation 이슈 - 기존 UICollectionView의 구현방법을 살펴보면, Controller가 데이터를 받아와서 UI에게 변경을 알린다. - 여기서, Controller와 UI가 가지고 있는 데이터가 서로 다른 이슈가 생길 수 있다. → 앱에서는 어느 데이터가 맞는건지 확인하기 어려움 Single Source Of Truth Data의 필요성 증가 - 이 이슈의 근본적인 문제 해결 방식은 참인 데이터를 하나만 두도록 하는 것이다. → Single Source Of Truth - 그래서 제안된 방법 Diffable DataSource Diffable DataSource ? Diffable DataSource는 Data Source와 달리,..

📌 일곱번째 프로젝트 NRC Onboarding 앱을 만들어보자 1️⃣ Data 확인 및 SearchViewController 만들기 - 이전 프로젝트들과 마찬가지로 패캠에서 제공해준 데이터들을 사용 - "OnboardingViewController" 이름의 UIViewController을 만들어서, Main storyboard와 연결까지 완료 2️⃣ 배경이미지 넣기 - 배경 이미지는 Assest에 있음 3️⃣ StackView를 이용하여 하단에 버튼 넣기 4️⃣ Page Control + Collection View - View에 수평방향 맞게하고, StackView와의 vertical 거리는 40으로! 5️⃣ UICollectionViewCell 만들기 - "OnboardingCell" 이라는 이름으..

CollectionView는 상하 혹은 좌우로 Scroll이 가능하다..! 사실 UICollectionView는 UIScrollView의 속성을 가지고 있다. CollectionView에서 Scroll되는 상황을 파악하고 싶다면 UIScrollViewDelegate에서 파악이 가능하다! 코드는 이전에 진행했던 토이플젝에서 가져왔다. extension OnboardingViewController: UIScrollViewDelegate { func scrollViewDidScroll(_ scrollView: UIScrollView) { print(scrollView.contentOffset) } } 이처럼 contentOffset을 사용하면 스크롤이 되는 동안 얼마나 움직이게 되는지 알 수 있다. 스크롤되며..

📌 여섯번째 프로젝트 (2) Insta Search View 앱의 홈 탭을 꾸며보자! 1️⃣ Component AutoLayout 2️⃣ "NewsViewController" 이름의 UIViewController 만들기 // NewsViewController.swift import UIKit class NewsViewController: UIViewController { @IBOutlet weak var collectionView: UICollectionView! override func viewDidLoad() { super.viewDidLoad() collectionView.dataSource = self collectionView.delegate = self if let flowlayout = co..

📌 여섯번째 프로젝트 (1) Insta Search View 앱을 만들어보자 1️⃣ Data 확인 및 SearchViewController 만들기 - 이전 프로젝트들과 마찬가지로 패캠에서 제공해준 데이터들을 사용 - "SearchViewController" 이름의 UIViewController을 만들어서, Main storyboard와 연결까지 완료 2️⃣ Collection View 만들기 CollectionViewCell 만들기 : 이름은 ResultCell로! - CollectionView의 Custom Class로 설정해주고 Collection Reusable View도 ResultCell로 설정해주기 // ResultCell.swift import UIKit class ResultCell: UI..