yevdev◡̈

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

UICollectionView? iOS에서 리스트 및 그리드를 그리는데 사용되는 UIKit으로 UITableView 보다 커스텀이 쉽다 즉, 여러 데이터를 직접 커스텀한 컬럼 혹은 레이아웃으로 나타낼 수 있다. 예를 들면, 갤러리나 인스타그램 Search 탭을 누르면 나오는 그리드 화면! ➰UITableView? 여러 데이터를 싱글 컬럼으로 나열해서 보여주는 뷰! UICollectionView를 표현하는데 필요한 3가지 1. Data : 어떤 데이터를 쓸지? 2. Presentation : 셀을 어떻게 표현할 지? 3. Layout : 셀들의 레이아웃을 어떻게 할 지? ➰ UICollectionView를 이용한 토이프로젝트 https://yexjinitlog.tistory.com/96 [iOS : Toy..

📌 두번째 프로젝트 버튼을 클릭할 때 마다 랜덤으로 날씨, 온도, 도시가 바뀌는 앱을 만들어보자 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..

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