yevdev◡̈

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

📌 일곱번째 프로젝트 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" 이라는 이름으..

📌 여섯번째 프로젝트 (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..

📌 다섯번째 프로젝트 (2) Apple Framework List 앱을 더 만져보자! 1️⃣ 각 Framework Cell 들이 클릭되었을 때 효과 - UICollectionViewDelegate 의 didSelectItemAt 메소드 : Item을 선택했을 때 호출되는 method // item이 선택되었을 때 효과 넣기 extension FrameworkListViewController: UICollectionViewDelegate{ // item이 선택되었을 때 호출되는 method func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) { let framework = list[index..

📌 다섯번째 프로젝트 (1) Apple Framework List 앱을 만들어보자 1️⃣ Data 확인 및 FrameworkViewController 만들기 - 이전 프로젝트들과 마찬가지로 패캠에서 제공해준 데이터들을 사용 - "FrameworkViewController" 이름의 UIViewController을 만들어서, Main storyboard와 연결까지 완료 2️⃣ Auto Layout 3️⃣ UICollectionViewCell 만들기 // // FrameworkCell.swift // AppleFrameWork // // Created by 오예진 on 2022/05/27. // import UIKit class FrameworkCell: UICollectionViewCell { @IBOutl..

📌 네번째 프로젝트 채팅 리스트 앱을 만들어보자 1️⃣ Data 확인 및 ChatListViewController 만들기 2️⃣ Auto Layout 3️⃣ UICollectionViewCell 만들기 // ChatListCollectionViewCell.swift import UIKit class ChatListCollectionViewCell: UICollectionViewCell { @IBOutlet weak var thumbnail: UIImageView! @IBOutlet weak var nameLabel: UILabel! @IBOutlet weak var chatLabel: UILabel! @IBOutlet weak var dateLabel: UILabel! // Chat.swift 파일에 있..

📌 세번째 프로젝트 주식 리스트 앱을 만들어보자 1️⃣ CollectionView 2️⃣ Auto Layout 1. 회사 로고 이미지 상단에 회사 이름 Label 맞추기 - label을 image view와의 관계에서 top을 설정 - label을 image view와의 관계에서 horizontal spacing을 설정 : image view와 label 사이의 거리 설정 2. 회사이름과 주가 사이의 관계 - Vertical spacing : 수직 거리 - Leading : 왼쪽 맞추기 3. 등락폭과 주가 사이의 관계 - Horizontal Spacing : 수평 거리 - Center vertical : 같은 높이를 유지 4. 하트 이미지뷰와 Content View 사이의 관계 - Trailing Spa..

📌 두번째 프로젝트 버튼을 클릭할 때 마다 랜덤으로 날씨, 온도, 도시가 바뀌는 앱을 만들어보자 Stack View 속에 또 다른 Stack View! 1️⃣ 레이아웃 구성 - Vertical Stack View 속에 label, Image view, label, Horizontal Stack View (이 속에 또 복합적인 View), Button 2️⃣ View Controller 이름 명확하게 바꾸기 - 기존 view controller 파일 지우고, file > Cocoa Touch Class > "WeatherViewController" 이름의 View Controller 만들기 - Storyboard ID? View Controller을 Storyboard에서 찾을 때 사용하는 ID 3️⃣ 화..

📌첫번째 프로젝트 버튼을 클릭할 때 마다 랜덤으로 날씨(=Symbol)이 바뀌는 앱을 만들어보자 1️⃣ 사전에 필요한 다운로드 : SF Symbols 2️⃣ 레이아웃 구성 - Stack View 안에 Image View -> Label -> Button 3️⃣ 기능 구현 코드 // // SymbolRollerViewController.swift // SymbolRoller // // Created by 오예진 on 2022/05/11. // import UIKit // UIViewController = Page를 나타내는 하나의 단위 // UIViewController를 상속받은 SymbolRollerViewController class SymbolRollerViewController: UIViewCon..