yevdev◡̈

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

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

💡함수형 프로그래밍에서의 모나드? - 순서가 있는 연산을 처리할 때 자주 활용하는 디자인 패턴 💡프로그래밍에서 모나드가 갖춰야 할 조건 1. 타입을 인자로 받는 타입(특정 타입의 값을 포장) 2. 특정 타입의 값을 포장한 것을 반환하는 함수(매서드)가 존재 3. 포장된 값을 변환하여 같은 형태로 포장하는 함수(매서드)가 존재 크게 3가지 개념을 알아보게 될 것이다. 1️⃣ 컨텍스트 2️⃣ 함수객체 3️⃣ 모나드 1️⃣ 컨텍스트 컨텍스트 = 컵 콘텐츠 = 컵 안에 담겨있는 물 즉, 컨텍스트는 어떤 위치에 값이 존재할 수 있는 맥락 이라고 볼 수 있다. 여기서 우리는 Optional 을 쉽게 떠올릴 수 있다. Optional은 값이 있을 수도, 없을 수도 있음!! Optional 모나드 조건 1 만족 : O..

TableView에 들어갈 TableViewCell을 만들던 중, Xib 파일을 생성하여 Cell Custom을 해보기로 했다. (뭐 그냥 Xib파일은 어떻게 설정하는건지 공부할겸? 하나의 셀을 세부적으로 확인할 수 있어서 좋았던 듯 하다.) "TableView에 TableViewCell을 어떻게 넣고 화면에 보여주는지"는 따로 정리할 예정이다. 이번 포스팅은 그냥 Xib파일의 등록? 처음에는 그냥 ViewController에서 TableView를 만들고, 아래 캡처 화면을 따라하자. 아래의 설명과 코드들은 ViewController에 속한다 ! 1. "packingTV" 라는 이름의 TableView를 만들기 ( + 코드 설정까지 ) @IBOutlet weak var packingTV: UITableV..