yevdev◡̈

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

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

💡TabBarController? - 앱을 실행시키다보면 인스타그램, 토스, 카카오톡 등에서 하단에 있는 탭 바를 쉽게 확인할 수 있다. - 우리가 흔히 사용하는 슈퍼 앱들은 거의 필수적으로 하단 탭바를 사용한다. - 이러한 탭바를 구현하기 위해 사용하는 것이 TabBarController ! 하단 탭바 구현 방법 UITabbarController로 여러 view controller들을 세팅 setViewControllers() : 코드로 설정하는 method viewControllers 프로퍼티로 확인 selectedIndex : 어떤 뷰컨트롤러를 선택되었는지 확인 각 Tab Bar Item 는 UITabBarItem으로 구성 각 뷰컨트롤러에서 image, title 프로퍼티 설정해줌 ➰UITabBar..

📌 다섯번째 프로젝트 (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️⃣ 화..